/* CSS Reset */ /* @font-face { font-family: 'SourceHanSansCN-Bold'; src: url('SourceHanSansCN-Bold.otf');} @font-face { font-family: 'SourceHanSansCN-Light'; src: url('SourceHanSansCN-Light.otf');} @font-face { font-family: 'SourceHanSansCN-Medium'; src: url('SourceHanSansCN-Medium.otf');} @font-face { font-family: 'SourceHanSansCN-Normal'; src: url('SourceHanSansCN-Normal.otf');} @font-face { font-family: 'SourceHanSansCN-Regular'; src: url('SourceHanSansCN-Regular.otf');} .SBold{ font-family: 'SourceHanSansCN-Bold';} .SLight{ font-family: 'SourceHanSansCN-Light';} .SMedium{ font-family: 'SourceHanSansCN-Medium';} .SNormal{ font-family: 'SourceHanSansCN-Normal';} .SRegular{ font-family: 'SourceHanSansCN-Regular';} */ #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:14px Helvetica Neue,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: #000;} img{ vertical-align: top; max-width: 100%; margin: 0; padding: 0; border: 0;} *{ box-sizing: border-box;-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;} /* 弹窗样式 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 .45s ease;-moz-transition:background-color .45s ease;transition:background-color .45s 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: #1438a1;} .message_box .message_box_content .content_center{padding: 13px 15px;} .message_box .message_box_content .content_center p{color: #606266; font-size: 14px;} .message_box .message_box_content .content_center input{width: 100%; 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: #3a8ee6;} .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: #1438a1; border: 1px solid #1438a1; 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 17px; font-size: 13px; border-radius: 4px;-webkit-transition:all .45s ease;-moz-transition:all .45s ease;transition:all .45s ease;} .message_box .message_box_content .content_bottom .content_bottom_btns:hover{border-color: #ec7700; background-color: #ec7700;} .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;} @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: 80%;border-radius: 5px;}.message_box .message_box_content .content_top{padding: 12px 12px 10px;}.message_box .message_box_content .content_center{padding: 8px 12px;}.message_box .message_box_content .content_center{padding: 7px 12px;}.message_box .message_box_content .content_bottom{padding: 10px 12px 12px 12px;}.message_box .message_box_content .content_bottom .content_bottom_btns{padding: 6px 12px;font-size: 12px;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:#1438a1;border:0px;} .pc_all .pc_all_content{ width: calc(100% - 120px); 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: calc(100% - 120px); margin: 0 auto;} /* 头部 */ .Header{ position: fixed; top: 0; width: 100%; height: 76px; background: #fff; display: flex; align-items: center; justify-content: space-between; background: #fff; z-index: 13; padding: 0px 60px; -webkit-transition:all .5s ease;-moz-transition:all .5s ease;transition:all .5s ease;} .Header.active{ box-shadow: 0px 0px 25px rgba(0,0,0,.15);-webkit-transition:all .5s ease;-moz-transition:all .5s ease;transition:all .5s ease;} .Header .Header_left{ display: flex; align-items: center;} .Header .Header_left .Header_left_logo{ display: inline-block;} .Header .Header_left .Header_left_logo img{ height: 34px;} .Header .Header_left .Header_left_home{ font-size: 15px; margin-left: 16px; font-size: 13px; color:#323333;} .Home .Header .Header_left .Header_left_home{ color: #fd902e;} .Header .Header_right{ display: flex; align-items: center;} .Header .Header_right .Header_right_nav{ display: flex; justify-content: space-between;} .Header .Header_right .Header_right_nav .right_nav_list{ margin-right: 32px;} .Header .Header_right .Header_right_nav .right_nav_list:last-child{ margin-right: 0;} .Header .Header_right .Header_right_nav .right_nav_list .nav_list_title{ color: #333333; position: relative; line-height: 72px; display: inline-block; font-size: 13px;} .Header .Header_right .Header_right_nav .right_nav_list .nav_list_title::before{ content: ""; display: inline-block; width: 0%; height: 2px; background: #fd902e; position: absolute; bottom: -2px; left: 0; right: 0; margin: 0 auto;} .Header .Header_right .Header_right_nav .right_nav_list:hover .nav_list_title::before{ width: 100%;} .Header .Header_right .Header_right_nav .right_nav_list:hover .nav_list_title{ color: #fd902e;} .Header .Header_right .Header_right_nav .right_nav_list.active .nav_list_title::before{ width: 100%;} .Header .Header_right .Header_right_nav .right_nav_list.active .nav_list_title{ color: #fd902e;} .Header .Header_right .Header_right_nav .right_nav_list .nav_list_down{ width: 1050px; max-width: 100%; background: #fff; border-radius: 5px 0 5px 5px; position: absolute; right: 0; top: 76px; display: none; border-top: 1px solid #eeeeee; box-shadow: 0px 0px 20px rgba(0,0,0,.13); align-items: flex-start;} .Header .Header_right .Header_right_nav .right_nav_list:hover .nav_list_down{ display: flex;} .Header .Header_right .Header_right_nav .right_nav_list .nav_list_down .title .title_left .title_left_icon{ margin-top: 10px; margin-bottom: 15px;} .Header .Header_right .Header_right_nav .right_nav_list .nav_list_down .title .title_left .title_left_icon span{ border-radius: 0px;} .Header .Header_right .Header_right_nav .right_nav_list .nav_list_down .list_down_left{ width: 70%; display: flex; padding: 40px; justify-content: flex-end; position: relative;} .Header .Header_right .Header_right_nav .right_nav_list .nav_list_down .list_down_left .down_left_img{ width: calc(58% - 40px); border-radius: 5px; overflow: hidden; position: absolute; top: 40px; height: calc(100% - 80px); left: 40px;} .Header .Header_right .Header_right_nav .right_nav_list .nav_list_down .list_down_left .down_left_img .left_img_img{ width: 100%; height: 100%;} .Header .Header_right .Header_right_nav .right_nav_list .nav_list_down .list_down_left .down_left_img .left_img_img img{ width: 100%; height: 100%; object-fit: cover;} .Header .Header_right .Header_right_nav .right_nav_list .nav_list_down .list_down_left .down_left_img .left_img_txt{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; background:rgba(0,0,0,.5); padding: 33px; display: flex; justify-content: flex-end; flex-direction: column; opacity: 0;-webkit-transition:all .5s ease;-moz-transition:all .5s ease;transition:all .5s ease;} .Header .Header_right .Header_right_nav .right_nav_list .nav_list_down .list_down_left .down_left_img:hover .left_img_txt{ opacity: 1;-webkit-transition:all .5s ease;-moz-transition:all .5s ease;transition:all .5s ease;} .Header .Header_right .Header_right_nav .right_nav_list .nav_list_down .list_down_left .down_left_img .left_img_txt .img_txt_dd{ color:#fff; line-height: 1.5; margin-bottom: 15px;} .Header .Header_right .Header_right_nav .right_nav_list .nav_list_down .list_down_left .down_left_img .left_img_txt .img_txt_dt{ display: flex;} .Header .Header_right .Header_right_nav .right_nav_list .nav_list_down .list_down_left .down_left_img .left_img_txt .img_txt_dt span{ font-size: 13px; margin: 0px 12px;} .Header .Header_right .Header_right_nav .right_nav_list .nav_list_down .list_down_left .down_left_img .left_img_txt .img_txt_dt img{ height: 34px;} .Header .Header_right .Header_right_nav .right_nav_list .nav_list_down .list_down_left .down_left_nav{ width: 37%;} .Header .Header_right .Header_right_nav .right_nav_list .nav_list_down .list_down_left .down_left_nav .left_nav_txt{ margin-top: 15px; height: 177px; overflow: auto;} .Header .Header_right .Header_right_nav .right_nav_list.Scroll .nav_list_down .list_down_left .down_left_nav .left_nav_txt{ padding-right: 10px;} .Header .Header_right .Header_right_nav .right_nav_list .nav_list_down .list_down_left .down_left_nav .left_nav_txt::-webkit-scrollbar-track { background-color: #ededed; } /* 滚动条的滑轨背景颜色 */ .Header .Header_right .Header_right_nav .right_nav_list .nav_list_down .list_down_left .down_left_nav .left_nav_txt::-webkit-scrollbar-thumb { background:#fd902e; } /* 滑块颜色 */ .Header .Header_right .Header_right_nav .right_nav_list .nav_list_down .list_down_left .down_left_nav .left_nav_txt::-webkit-scrollbar-button { background-color: #fff; } /* 滑轨两头的监听按钮颜色 */ .Header .Header_right .Header_right_nav .right_nav_list .nav_list_down .list_down_left .down_left_nav .left_nav_txt::-webkit-scrollbar-corner { background-color: #fff; } /* 横向滚动条和纵向滚动条相交处尖角的颜色 */ .Header .Header_right .Header_right_nav .right_nav_list .nav_list_down .list_down_left .down_left_nav .left_nav_txt::-webkit-scrollbar { width: 2px; height: 0px; } /* 这是针对缺省样式 (必须的)*/ .Header .Header_right .Header_right_nav .right_nav_list .nav_list_down .list_down_left .down_left_nav .left_nav_txt .nav_txt_list{ padding: 22px 0px; border-bottom: 1px solid #dcdcdc; display: flex; align-items: center; justify-content: space-between; position: relative;} .Header .Header_right .Header_right_nav .right_nav_list .nav_list_down .list_down_left .down_left_nav .left_nav_txt .nav_txt_list::before{ content: ""; display: inline-block; width: 0%; background: #fd902e; position: absolute; bottom: -1px; left: 0;height: 1px; opacity: 0;} .Header .Header_right .Header_right_nav .right_nav_list .nav_list_down .list_down_left .down_left_nav .left_nav_txt .nav_txt_list:hover .txt_list_left{ color: #fd902e;} .Header .Header_right .Header_right_nav .right_nav_list .nav_list_down .list_down_left .down_left_nav .left_nav_txt .nav_txt_list:hover::before{ width: 100%; opacity: 1;} .Header .Header_right .Header_right_nav .right_nav_list .nav_list_down .list_down_left .down_left_nav .left_nav_txt .nav_txt_list:hover .txt_list_icon span img{ opacity: 0;} .Header .Header_right .Header_right_nav .right_nav_list .nav_list_down .list_down_left .down_left_nav .left_nav_txt .nav_txt_list:hover .txt_list_icon span img:last-child{ opacity: 1;} .Header .Header_right .Header_right_nav .right_nav_list .nav_list_down .list_down_left .down_left_nav .left_nav_txt .nav_txt_list .txt_list_left{ color: #666666;} .Header .Header_right .Header_right_nav .right_nav_list .nav_list_down .list_down_left .down_left_nav .left_nav_txt .nav_txt_list .txt_list_icon{ display: flex;} .Header .Header_right .Header_right_nav .right_nav_list .nav_list_down .list_down_left .down_left_nav .left_nav_txt .nav_txt_list .txt_list_icon span{ display: flex; align-items: center; justify-content: center; position: relative;} .Header .Header_right .Header_right_nav .right_nav_list .nav_list_down .list_down_left .down_left_nav .left_nav_txt .nav_txt_list .txt_list_icon span img:last-child{ position: absolute; left: 0; top: 0; opacity: 0;} .Header .Header_right .Header_right_nav .right_nav_list .nav_list_down .list_down_right{ width: 30%; border-left: 1px solid #eeeeee; padding-right: 60px;} .Header .Header_right .Header_right_nav .right_nav_list .nav_list_down .list_down_right .down_left_nav{ width: 100%;} .Header .Header_right .Header_right_btn{ margin-left: 40px; margin-right: 18px; display: flex; align-items: center;} .Header .Header_right .Header_right_btn .right_btn_list{ margin-right: 18px; position: relative;} .Header .Header_right .Header_right_btn .right_btn_list .btn_list_icon{ display: flex; align-items:center; justify-content:center;} .Header .Header_right .Header_right_btn .right_btn_list .btn_list_icon span{ display: flex; align-items:center; justify-content:center; position: relative;} .Header .Header_right .Header_right_btn .right_btn_list .btn_list_icon span img:last-child{ position: absolute; left: 0; top: 0; opacity: 0;} .Header .Header_right .Header_right_btn .right_btn_list .btn_list_icon span img{-webkit-transition:all .5s ease;-moz-transition:all .5s ease;transition:all .5s ease;} .Header .Header_right .Header_right_btn .right_btn_list .btn_list_icon.active span img{ opacity: 0;-webkit-transition:all .5s ease;-moz-transition:all .5s ease;transition:all .5s ease;} .Header .Header_right .Header_right_btn .right_btn_list .btn_list_icon.active span img:last-child{ opacity: 1;} .btn_list_search{ position: absolute; width: 520px; left: -480px; top: 60px; display: none;} .btn_list_search .btn_list_search_form{height: 67px; width: 100%; background:#fff; display: flex; border-radius: 5px; box-shadow: 0px 0px 25px rgba(0,0,0,.15);} .btn_list_search:before {content: ""; width: 0; height: 0; border-right: 8px solid transparent; border-left: 8px solid transparent; border-bottom: 8px solid #fff; position: absolute; top: -8px; right: 20px; margin: 0 auto;} .btn_list_search input{ height: 67px;} .btn_list_search input[type="text"]{ width: calc(100% - 67px); padding: 0px 20px; line-height: 67px; font-size: 16px; color:#222; background: none; padding-right: 0px;} .btn_list_search input[type="submit"]{ width: 67px; height: 67px; background: url(../images/sv3.svg) no-repeat 50% 50%; background-size: 20px;} .btn_list_search_click{ cursor: pointer;} .Header .Header_right .Header_right_btn .right_btn_list img{ height: 16px;} .Header .Header_right .Header_right_btn .right_btn_list:last-child{ margin-right: 0px;} .Header .Header_right .Header_right_MENU{ display: flex; align-items: center; cursor: pointer; -webkit-transition:all .5s ease;-moz-transition:all .5s ease;transition:all .5s ease;} .Header .Header_right .Header_right_MENU .right_MENU_btn{ display: flex; flex-direction: column; margin-right: 8px;} .Header .Header_right .Header_right_MENU .right_MENU_btn span{ display: flex; align-items: center; justify-content: center; position: relative;} .Header .Header_right .Header_right_MENU .right_MENU_btn span img{ -webkit-transition:all .5s ease;-moz-transition:all .5s ease;transition:all .5s ease; width: 20px;} .Header .Header_right .Header_right_MENU .right_MENU_btn span img:last-child{ position: absolute; left: 0; top: 0; opacity: 0;} .Header .Header_right .Header_right_MENU.active{ color: #fd902e; -webkit-transition:all .5s ease;-moz-transition:all .5s ease;transition:all .5s ease;} .Header .Header_right .Header_right_MENU.active .right_MENU_btn span img{ opacity: 0; -webkit-transition:all .5s ease;-moz-transition:all .5s ease;transition:all .5s ease;} .Header .Header_right .Header_right_MENU.active .right_MENU_btn span img:last-child{ opacity: 1;} .MenuDown{ position: fixed; top: 76px; left: 0; width: 100%; background: #fff; height: calc(100vh - 76px); z-index: 22; display: none; border-top: 1px solid #eeeeee;} .MenuDown .MenuDownContent{ display: flex; height: 100%; width: 100%;} .MenuDown .MenuDownContentBtn{ position: absolute; bottom: 40px; left: 0; width: 100%; display: flex; align-items: center; justify-content: center;} .MenuDown .MenuDownContentBtn span{ display: inline-block; padding: 10px 20px; border-radius: 5px; color: #f1893d; border: 1px solid #f1893d; cursor: pointer; -webkit-transition:all .5s ease;-moz-transition:all .5s ease;transition:all .5s ease;} .MenuDown .MenuDownContentBtn span:hover{ color: #fff; background: #f1893d; -webkit-transition:all .5s ease;-moz-transition:all .5s ease;transition:all .5s ease;} .MenuDown .MenuDown_left{ width: 60%; display: flex; justify-content: space-between; padding: 0px 60px; padding-top: 100px;} .MenuDown .MenuDown_left .MenuDown_left_img{ width: 65%;} .MenuDown .MenuDown_left .MenuDown_left_img img{ width: 100%; border-radius: 10px;} .MenuDown .MenuDown_left .MenuDown_left_nav{ width: 25%; padding-top: 0px;} .MenuDown .MenuDown_left .MenuDown_left_nav .left_nav_content{ margin-top: 24px;} .MenuDown .MenuDown_left .MenuDown_left_nav .left_nav_content .nav_content_list{ color: #bbbbbb; margin-bottom: 28px; display: inline-block; width: 100%;} .MenuDown .MenuDown_left .MenuDown_left_nav .left_nav_content .nav_content_list:hover{ color: #000000; text-decoration: underline;} .MenuDown .MenuDown_left .MenuDown_left_nav .left_nav_content .nav_content_list.active{ color: #000000; text-decoration: underline;} .MenuDown .MenuDown_left .MenuDown_left_nav .left_nav_content .nav_content_list:last-child{ margin-bottom: 0;} .MenuDown .MenuDown_center{ width: 20%; border-left: 1px solid #eeeeee; border-right: 1px solid #eeeeee; padding: 0px 60px; padding-top: calc(100px);} .MenuDown .MenuDown_center .MenuDown_center_list{ display: none;} .MenuDown .MenuDown_center .MenuDown_center_list.active{ display: block;} .MenuDown .MenuDown_center .MenuDown_center_nav .center_nav_list{ display: flex; align-items: center; justify-content: space-between; padding: 28px 0px; border-bottom: 1px solid #dcdcdc;} .MenuDown .MenuDown_center .MenuDown_center_nav .center_nav_list .nav_list_left{ color: #666666;} .MenuDown .MenuDown_center .MenuDown_center_nav .center_nav_list .nav_list_right{ display: flex;} .MenuDown .MenuDown_center .MenuDown_center_nav .center_nav_list .nav_list_right span{ display: flex; align-items: center; justify-content: center; position: relative; opacity: .4;} .MenuDown .MenuDown_center .MenuDown_center_nav .center_nav_list .nav_list_right span img:last-child{ position: absolute; left: 0; top: 0; opacity: 0;} .MenuDown .MenuDown_center .MenuDown_center_nav .center_nav_list:hover{ border-bottom: 1px solid #fd902e;} .MenuDown .MenuDown_center .MenuDown_center_nav .center_nav_list:hover .nav_list_right span{ opacity: 1;} .MenuDown .MenuDown_center .MenuDown_center_nav .center_nav_list:hover .nav_list_right span img{ opacity: 0;} .MenuDown .MenuDown_center .MenuDown_center_nav .center_nav_list:hover .nav_list_right span img:last-child{ opacity: 1;} .MenuDown .MenuDown_center .MenuDown_center_nav .center_nav_list:hover .nav_list_left{ color: #fd902e;} .MenuDown .MenuDown_right{ width: 20%; padding: 0px 60px; padding-top: calc(100px);} .MenuDown .MenuDown_right .right_content_title{ margin-top: 35px; margin-bottom: 25px;} .MenuDown .MenuDown_right .right_content_title .content_title_dd{ color: #666666; margin-bottom: 10px;} .MenuDown .MenuDown_right .right_content_title .content_title_dt{ color: #666666;} .MenuDown .MenuDown_right .right_content_txt{ color: #666666; line-height: 2.2;} /* 首页 */ .banner{ overflow: hidden; height: calc(100vh - 130px); position: relative; margin-top: 76px; width: calc(100% - 60px); margin-left: 60px; border-radius: 6px 0px 0px 6px; background: #111;} .banner .banner_list{ position: relative; display: inline-block; width: 100%; background: #111;} .banner .banner_list .banner_list_img{ overflow: hidden;} .banner .banner_list .banner_list_img img{ width: 100%; height: calc(100vh - 130px); object-fit: cover; } .banner .banner_list .banner_list_img{ -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; transition:all 6.5s ease 0s;-webkit-transform:all 6.5s ease 0s; } .banner .banner_list.slick-active .banner_list_img{ -webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);filter:scale(1);filter:transform; transition:all 6.5s ease 0s;-webkit-transform:all 6.5s ease 0s; } .banner .banner_list.active .banner_list_img{ -webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);filter:scale(1);filter:transform; transition:all 6.5s ease 0s;-webkit-transform:all 6.5s ease 0s; } .banner .banner_list.NotActive .banner_list_img{ -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; transition:all 6.5s ease 0s;-webkit-transform:all 6.5s ease 0s; } .banner .banner_list .banner_list_po{ position: absolute; right: 60px; top: 0%;min-width: 590px; display: flex; align-items: center; height: 100%;} .banner .banner_list .banner_list_po .list_po_border{ display: none; border-top: 1px solid #fff; border-bottom: 1px solid #fff; padding-top: 30px; padding-bottom: 45px; width: 100%; position: relative;} .banner .banner_list .banner_list_po .list_po_title{ color: #fff; line-height: 1.3; display: none;} .banner .banner_list .banner_list_po .list_po_txt{ color: #fff; margin-top: 22px; display: none;} .banner .banner_list .banner_list_po .list_po_icon{ position: absolute; right: 0; bottom: 14px; display: none;} .banner .banner_list.slick-active .banner_list_po .list_po_border{ display: block;} .banner .banner_list.slick-active .banner_list_po .list_po_title{ display: block;} .banner .banner_list.slick-active .banner_list_po .list_po_txt{ display: block;} .banner .banner_list.slick-active .banner_list_po .list_po_border{ display: block;} .banner .banner_list.slick-active .banner_list_po .list_po_icon{ display: block;} .banner .banner_list.swiper-slide .banner_list_po .list_po_border{ display: block;} .banner .banner_list.swiper-slide .banner_list_po .list_po_title{ display: block;} .banner .banner_list.swiper-slide .banner_list_po .list_po_txt{ display: block;} .banner .banner_list.swiper-slide .banner_list_po .list_po_border{ display: block;} .banner .banner_list.swiper-slide .banner_list_po .list_po_icon{ display: block;} .banner .banner_list .banner_list_po .list_po_bottom{ display: flex; justify-content: space-between; margin-top: 25px;} .banner .banner_list .banner_list_po .list_po_bottom .po_bottom_list{ border: 1px solid rgba(255,255,255,.4); border-radius: 5px; width: calc(25% - 4px); padding: 25px 0px;} .banner .banner_list .banner_list_po .list_po_bottom .po_bottom_list .bottom_list_icon{ text-align: center;} .banner .banner_list .banner_list_po .list_po_bottom .po_bottom_list .bottom_list_icon span{ display: inline-block; position: relative;} .banner .banner_list .banner_list_po .list_po_bottom .po_bottom_list .bottom_list_title{ color: #fff; text-align: center; margin-top: 20px;} .banner .banner_list .banner_list_po .list_po_bottom2{ display: flex; justify-content: space-between; margin-top: 25px; width: 100%;} .banner .banner_list .banner_list_po .list_po_bottom2 .po_bottom2_li{ width: 29%; border-bottom: 1px solid rgba(255,255,255,.3); padding: 20px 0px;} .banner .banner_list .banner_list_po .list_po_bottom2 .po_bottom2_li .bottom2_li_title{ color: #fff; margin-bottom: 20px; display: none;} .banner .slick-track,.banner .slick-list,.banner .slider{ background: #111;} .banner .slick-track.active{ width: 100% !important;} .banner .slick-dots{ position: absolute; bottom: 100px; width: 590px; text-align: left; right: 60px; max-width: 100%;} .banner .slick-dots li{height: 3px; background: rgba(255,255,255,.5); width: 40px; position: relative;transition:all .5s ease 0s;-webkit-transform:all .5s ease 0s;} .banner .slick-dots li:nth-child(1){ margin-left: 0px;} .banner .slick-dots li button{ position: absolute; left:0; top: 0; height: 100%; width: 0%; background:#fff; padding: 0px;} .banner .slick-dots li button:before{ display: none;} .banner .slick-dots li.slick-active{ width: 60px;transition:all .5s ease 0s;-webkit-transform:all .5s ease 0s;} .banner .slick-dots li.slick-active button{-webkit-animation: slickdots 5s linear forwards; /* WebKit browsers */ animation: slickdots 5s linear forwards;} .banner .banner_list .banner_list_BreadCrumbs{ bottom: 40px; display: flex; flex-direction: inherit !important; align-items: center !important; justify-content: flex-start !important; top: auto; height: auto;} .banner .banner_list .banner_list_BreadCrumbs a{ color:#fff; opacity: .7; font-size: 13px;} .banner .banner_list .banner_list_BreadCrumbs i{ font-size: 13px; color:#fff; margin: 0px 6px; opacity: .7;} .banner .banner_list .banner_list_BreadCrumbs a.active{ opacity: 1;} @keyframes slickdots{ 0% { width: 0%;} 100% { width: 100%;} } .banner.HomeBanner .banner_list .banner_list_po{ flex-direction: column; justify-content: center;} .banner.HomeBanner .banner_list .banner_list_po .HomeBanner_bottom{ text-align: left; width: 100%; display: none;} .banner.HomeBanner .banner_list.slick-active .banner_list_po .HomeBanner_bottom{ display: block;} .banner.HomeBanner .banner_list .banner_list_po .HomeBanner_bottom .HomeBanner_bottom_p{ color: #fff; margin: 25px 0px;} .banner.HomeBanner .banner_list .banner_list_po .HomeBanner_bottom .HomeBanner_bottom_btn{ display: flex;} .banner.HomeBanner .banner_list .banner_list_po .HomeBanner_bottom .HomeBanner_bottom_btn a{ color: #fd902e; border-bottom: 1px solid #fd902e; display: flex; padding-bottom: 6px;} .banner.HomeBanner .banner_list .banner_list_po .HomeBanner_bottom .HomeBanner_bottom_btn a img{ margin-left: 5px; height: 9px; position: relative; top: 2px;} .banner.banner2{ margin-left: 0px; margin-right: 76px; border-radius: 0px 6px 6px 0px;} .banner.banner2 .banner_list .banner_list_po{ left: 60px; right: auto; flex-direction: column; align-items: flex-start;justify-content: center;} .banner.banner2 .banner_list .banner_list_po .list_po_bottom{ width: 100%;} .banner.banner3{ overflow: visible; margin-top: 76px;} .banner.banner3 .swiper-container{border-radius: 6px 0px 0px 6px; overflow: hidden;} .banner.banner3 .slider {border-radius: 6px 0px 0px 6px; overflow: hidden;} .banner.banner3 .ScrollDown{ left: -60px;} @keyframes bs2{ 0%{-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;} 100%{-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);filter:scale(1);filter:transform;} } .ScrollDown{ width: 60px; position: absolute; left: 0; bottom: 100px; height: 125px; color: #666;display: flex; justify-content: center; align-items: center;} .ScrollDown.on{ right: 0; left: auto;} .ScrollDown .ScrollDown_con{ width: 145px; transform: rotate(90deg); height: 20px; cursor: pointer;display: flex; justify-content: center; align-items: center; white-space: nowrap;} .ScrollDown span{ display: inline-block; width: 49px; height: 1px; background: #d9d9d9; margin-right: 15px; position: relative;} .ScrollDown span::before{ content: ""; position: absolute; display: inline-block; width: 60%; background: #666; height: 100%; position: absolute; top: 0; left: 0;-webkit-animation:ScrollDown 2s linear infinite;animation:ScrollDown 2s linear infinite;} @keyframes ScrollDown{ 0%{ width: 60%;} 50%{ width: 100%;} 100%{ width: 60%;} } .padding100{ padding: 100px 0px;} .padding100.paddingbottom0{ padding-bottom: 0 !important;} .padding100.paddingtop0{ padding-top: 0 !important;} .title{ display: flex; align-items: center; justify-content: space-between; width: 100%;} .title.marginbottom50{ margin-bottom: 50px;} .title.marginbottom100{ margin-bottom: 100px;} .title .title_left{ display: flex; flex-direction: column; justify-content: space-between; height: 100%; width: 100%;} .title .title_left .title_left_bottom{ margin-top: 100px;} .title .title_left .title_left_dd{ font-size: 15px; color: #000000; line-height: 1.3;} .title .title_left .title_left_dd span{ margin-left: 8px;} .title .title_left .title_left_icon{ display: flex; margin-top: 8px; margin-bottom: 12px;} .title .title_left .title_left_icon span{ width: 10px; height: 4px; border-radius: 0px; margin-right: 1px; background: #666666; display: inline-block;} .title.color .title_left .title_left_icon span{ border-radius: 0px;} .title .title_left .title_left_icon span:nth-child(1){ background: #f18c34;} .title .title_left .title_left_dt{ line-height: 1.2;} .title .title_left .title_left_dt.dflex{ display: flex; align-items: center;} .title .title_left .title_left_dt.dflexend{ align-items: end;} .title .title_left .title_left_dt.dflex .left_dt_dd{white-space:nowrap;} .title .title_left .title_left_dt.dflex .left_dt_dt{ margin-left: 12px; color: #666666;} .title .title_left .title_left_dt .left_dt_dd{ line-height: 1.2;} .title .title_left .title_left_p{ color: #000000; opacity: .3; line-height: 1.3; margin-top: 35px;} .title .title_left .title_left_p2{ color: #666666; margin-top: 25px; line-height: 1.5;} .title .title_left .title_left_p3{ color: #666666; margin-top: 13px; line-height: 1.3;} .title .title_left .title_left_p2.margintop22{ margin-top: 18px;} .title .title_left .title_left_p2.margintop40{ margin-top: 20px;} .title .title_left .title_left_p5{ color: #333333; margin-top: 40px;} .title .title_left .title_left_p6{ color: #666666; margin-top: 10px;} .title .title_right2{ color: #999999; text-align: right;} .title .title_right2 img{ margin-right: 8px; position: relative; top: 6px;} .title .title_left .title_left_txt{ margin-top: 40px;} .title .title_left .title_left_txt .left_txt_dd{ color: #333333;} .title .title_left .title_left_txt .left_txt_dt{ color: #666666; margin-top: 14px;} .title .title_left .title_left_txt .left_txt_dt p{ margin-bottom: 10px;} .title .title_left .title_left_txt .left_txt_dt p:last-child{ margin-bottom: 0;} .title.color .title_left .title_left_dd{ color: #fff;} .title.color .title_left .title_left_dt{ color: #fff;} .title.color .title_left .title_left_p{ color: #fff; opacity: .2;} .title.color .title_left .title_left_p2{ color: #ffffff;} .title.color .title_left .title_left_p2.color{ color: #999999;} .title.color .title_left .title_left_p3{ color: #ffffff;} .title.color .title_left .title_left_p4{ color: #fff; margin-top: 20px; margin-bottom: 25px;} .title.color .title_left .title_left_p4 span{ color: #fd902e;} .title.w100 .title_left{width: calc(100% - 210px);} .title.w60{ align-items: flex-end;} .title.w60 .title_left{width: 60%;} .title.center .title_left .title_left_dd{ text-align: center;} .title.center .title_left .title_left_icon{ justify-content: center;} .title.center .title_left .title_left_dt{ text-align: center;} .title.center .title_left .title_left_p2{ text-align: center;} .title.center .title_left .title_left_p3{ text-align: center;} .Btn{ display: inline-block; border: 1px solid #dddddd; padding: 20px; border-radius: 5px; color: #666666; width: 170px; max-width: 100%;} .Btn span{ margin-top: 11px; display: flex; position: relative;} .Btn span img:last-child{ position: absolute; left: 0; top: 0; opacity: 0;} .Btn.color{ border: 1px solid rgba(102,102,102,.5); color: #fff; color: rgba(255,255,255,.5);} .Btn:hover{ background: #ff8e39; border: 1px solid #ff8e39; color: #fff;} .Btn:hover span img{ opacity: 0;} .Btn:hover span img:last-child{ opacity: 1;} .HExplore .pc_all_content{ display: flex; justify-content: space-between;} .HExplore .pc_all_content .HExplore_left{ width: 26%; display: flex;} .HExplore .pc_all_content .HExplore_right{ width: calc(66% + 6px); border-bottom: 1px solid #e0e0e0;} .HExplore .pc_all_content .HExplore_right .HExplore_right_list{ display: flex; align-items: center; border-top: 1px solid #e0e0e0; padding: 45px 0px; justify-content: space-between; position: relative;} .HExplore .pc_all_content .HExplore_right .HExplore_right_list::before{ content: ""; display: inline-block; width: 0%; height: 1px; top: -1px; background: #ff8e39; position: absolute;} .HExplore .pc_all_content .HExplore_right .HExplore_right_list:hover::before{ width: 100%;} .HExplore .pc_all_content .HExplore_right .HExplore_right_list .right_list_left{ display: flex; align-items: center; width: 35%; justify-content: space-between;} .HExplore .pc_all_content .HExplore_right .HExplore_right_list .right_list_left .list_left_icon{ width: 51px;} .HExplore .pc_all_content .HExplore_right .HExplore_right_list .right_list_left .list_left_icon span{ position: relative; display: flex;} .HExplore .pc_all_content .HExplore_right .HExplore_right_list .right_list_left .list_left_icon span img{ max-width: 100%;} .HExplore .pc_all_content .HExplore_right .HExplore_right_list .right_list_left .list_left_icon span img:last-child{ position: absolute; left: 0; top: 0; opacity: 0;} .HExplore .pc_all_content .HExplore_right .HExplore_right_list .right_list_left .list_left_title{ width: calc(100% - 81px);} .HExplore .pc_all_content .HExplore_right .HExplore_right_list:hover .right_list_left .list_left_icon span img{ opacity: 0;} .HExplore .pc_all_content .HExplore_right .HExplore_right_list:hover .right_list_left .list_left_icon span img:last-child{ opacity: 1;} .HExplore .pc_all_content .HExplore_right .HExplore_right_list .right_list_left .list_left_title .left_title_dd{ color: #333333; margin-bottom: 8px; display: flex; align-items: center; line-height: 1.5;} .HExplore .pc_all_content .HExplore_right .HExplore_right_list .right_list_left .list_left_title .left_title_dd img{ margin-left: 7px; opacity: 0;} .HExplore .pc_all_content .HExplore_right .HExplore_right_list:hover .right_list_left .list_left_title .left_title_dd img{ opacity: 1;} .HExplore .pc_all_content .HExplore_right .HExplore_right_list .right_list_left .list_left_title .left_title_dt{ color: #cccccc;} .HExplore .pc_all_content .HExplore_right .HExplore_right_list .right_list_right{ color: #666666; width: 60%;} .HPerception{ background: #333333;} .HPerception .HPerceptionContent .HPerceptionContent_list{ display: flex; justify-content: space-between;} .HPerception .HPerceptionContent .HPerceptionContent_list .HPerceptionContent_list_li{ width: calc(33% - 7px); background: #222; border-radius: 5px; position: relative; -webkit-transition:all .5s ease;-moz-transition:all .5s ease;transition:all .5s ease; overflow: hidden;} .HPerception .HPerceptionContent .HPerceptionContent_list .HPerceptionContent_list_li .list_li_po{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; opacity: 0; padding: 33px;display: flex; align-items: flex-end;} .HPerception .HPerceptionContent .HPerceptionContent_list .HPerceptionContent_list_li .list_li_po .list_li_content{ width: 100%;} .HPerception .HPerceptionContent .HPerceptionContent_list .HPerceptionContent_list_li .list_li_img{ height: 100%;} .HPerception .HPerceptionContent .HPerceptionContent_list .HPerceptionContent_list_li .list_li_img img{ height: 100%; width: 100%; 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;} .HPerception .HPerceptionContent .HPerceptionContent_list .HPerceptionContent_list_li:hover .list_li_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;} .HPerception .HPerceptionContent .HPerceptionContent_list .HPerceptionContent_list_li .list_li_title{ margin-bottom: 15px;} .HPerception .HPerceptionContent .HPerceptionContent_list .HPerceptionContent_list_li .list_li_title2{ padding: 33px !important; position: absolute; width: 100%; bottom: 0; left: 0; margin-bottom: 0px !important;display: flex; align-items: center; justify-content: space-between;} .HPerception .HPerceptionContent .HPerceptionContent_list .HPerceptionContent_list_li .list_li_Top{ display:flex; align-items:center; justify-content: space-between;position: absolute; left: 0; top: 0; width: 100%; padding: 33px;} .HPerception .HPerceptionContent .HPerceptionContent_list .HPerceptionContent_list_li .list_li_Top .list_li_Top_icon img{ height: 3.7512vw; max-height: 72px; opacity: .7;} .HPerception .HPerceptionContent .HPerceptionContent_list .HPerceptionContent_list_li .list_li_Top .list_li_Top_icon2{ opacity: .1;} .HPerception .HPerceptionContent .HPerceptionContent_list .HPerceptionContent_list_li .list_li_Top .list_li_Top_icon2 img{ max-width: 288px; width: 15.0048vw;} .HPerception .HPerceptionContent .HPerceptionContent_list .HPerceptionContent_list_li *{ -webkit-transition:all .5s ease;-moz-transition:all .5s ease;transition:all .5s ease;} .HPerception .HPerceptionContent .HPerceptionContent_list .HPerceptionContent_list_li *:hover{ -webkit-transition:all .5s ease;-moz-transition:all .5s ease;transition:all .5s ease;} .HPerception .HPerceptionContent .HPerceptionContent_list .HPerceptionContent_list_li .list_li_title .li_title_left .title_left_dd{ color: #999999; margin-bottom: 10px;} .HPerception .HPerceptionContent .HPerceptionContent_list .HPerceptionContent_list_li .list_li_title .li_title_left .title_left_dt{ color: #ffffff;} .HPerception .HPerceptionContent .HPerceptionContent_list .HPerceptionContent_list_li .list_li_title .li_title_right{ color: #fff; opacity: .1;;} .HPerception .HPerceptionContent .HPerceptionContent_list .HPerceptionContent_list_li .list_li_content .li_content_p{ color: #999999; margin-bottom: 25px; padding-bottom: 25px; border-bottom: 1px solid rgba(255,255,255,.15);} .HPerception .HPerceptionContent .HPerceptionContent_list .HPerceptionContent_list_li .list_li_content .li_content_nav{ display: flex; justify-content: space-between; opacity: 0;} .HPerception .HPerceptionContent .HPerceptionContent_list .HPerceptionContent_list_li .list_li_content .li_content_nav .li_content_nav_left{ display: flex; justify-content: space-between;} .HPerception .HPerceptionContent .HPerceptionContent_list .HPerceptionContent_list_li .list_li_content .li_content_nav .li_content_nav_icon{ color:#fff; opacity: .15;} .HPerception .HPerceptionContent .HPerceptionContent_list .HPerceptionContent_list_li .list_li_content .li_content_nav .content_nav_l{ margin-right: 50px;} .HPerception .HPerceptionContent .HPerceptionContent_list .HPerceptionContent_list_li .list_li_content .li_content_nav .content_nav_l:last-child{ margin-right: 0;} .HPerception .HPerceptionContent .HPerceptionContent_list .HPerceptionContent_list_li .list_li_content .li_content_nav .content_nav_l p{ margin-bottom: 18px;} .HPerception .HPerceptionContent .HPerceptionContent_list .HPerceptionContent_list_li .list_li_content .li_content_nav .content_nav_l p:last-child{ margin-bottom: 0px;} .HPerception .HPerceptionContent .HPerceptionContent_list .HPerceptionContent_list_li .list_li_content .li_content_nav .content_nav_l p a{ color: #fff; display: flex; opacity: .6;} .HPerception .HPerceptionContent .HPerceptionContent_list .HPerceptionContent_list_li .list_li_content .li_content_nav .content_nav_l p a img{ height: 10px; margin-right: 4px; position: relative; top: 2px;} .HPerception .HPerceptionContent .HPerceptionContent_list .HPerceptionContent_list_li .list_li_content .li_content_icon{ display: flex;} .HPerception .HPerceptionContent .HPerceptionContent_list .HPerceptionContent_list_li .list_li_content .li_content_icon img{ width: 190px; height: 63px; object-fit: cover; opacity: .05;} .HPerception .HPerceptionContent .HPerceptionContent_list .HPerceptionContent_list_li .list_li_content .li_content_icon2{ position: absolute; right: 43px; text-align: right; bottom: 43px; color: rgb(255,255,255,.03);} .HPerception .HPerceptionContent .HPerceptionContent_list .HPerceptionContent_list_li .list_li_content .li_content_icon2 img{ opacity: .2;} .HPerception .HPerceptionContent .HPerceptionContent_list .HPerceptionContent_list_li.active{ width: calc(67% - 12px);} .HPerception .HPerceptionContent .HPerceptionContent_list .HPerceptionContent_list_li:hover .list_li_title .li_title_left .title_left_dd{ color: #bfbfbf;} .HPerception .HPerceptionContent .HPerceptionContent_list .HPerceptionContent_list_li:hover .list_li_title .li_title_right{ opacity: .2;} .HPerception .HPerceptionContent .HPerceptionContent_list .HPerceptionContent_list_li:hover .list_li_content .li_content_nav{ opacity: 1;} .HPerception .HPerceptionContent .HPerceptionContent_list .HPerceptionContent_list_li:hover .list_li_content .li_content_icon img{ opacity: .2; width: 288px;} .HPerception .HPerceptionContent .HPerceptionContent_list .HPerceptionContent_list_li:hover .list_li_content .li_content_icon2{ color: rgba(255,255,255,.15);} .HPerception .HPerceptionContent .HPerceptionContent_list .HPerceptionContent_list_li:hover .list_li_content .li_content_icon2 img{ opacity: .5;} .HPerception .HPerceptionContent .HPerceptionContent_list .HPerceptionContent_list_li:hover .list_li_po{ opacity: 1;} .HPerception .HPerceptionContent .HPerceptionContent_list .HPerceptionContent_list_li:hover .list_li_title2{ opacity: 0;} .HPerception .HPerceptionContent .HPerceptionContent_list .HPerceptionContent_list_li:hover .list_li_img img{ opacity: .1;} .HPerceptionBottomX{ display: flex; align-items:center; justify-content: space-between; color:rgba(255,255,255,.2); margin-top: 55px;} .HPerceptionBottomX:before{ content:""; display: inline-block; width: calc(100% - 225px); height: 1px; background:#fff; opacity:.1;} .HPerceptionContent_btn{ display: flex; align-items: center; justify-content: space-between; margin-top: 60px; width: 100%;} .HPerceptionContent_btn.padding60{ padding: 0px 60px;} .HPerceptionContent_btn .swiper-pagination{ position: relative; width: calc(100% - 200px); display: flex; height: 1px; background: rgba(255,255,255,.1);} .HPerceptionContent_btn .swiper-pagination span{ width: 100%; height: 1px; border-radius: 0; opacity: .6; background: #fff;} .HPerceptionContent_btn .swiper-pagination b{ width: 100%; height: 1px; border-radius: 0; opacity: .6; background: #fff;} .HPerceptionContent_btn .swiper-pagination b.active{ width: 100%; height: 1px; border-radius: 0; opacity: .6; background: #ff8e39;} .HPerceptionContent_btn .HPerceptionContent_btn_right{ display: flex; align-items: center;} .HPerceptionContent_btn .HPerceptionContent_btn_right .btn_right_prev{ display: flex; color: rgba(153,153,153,.4); text-transform: uppercase; cursor: pointer;} .HPerceptionContent_btn .HPerceptionContent_btn_right .btn_right_prev span{ position: relative; margin-right: 6px;} .HPerceptionContent_btn .HPerceptionContent_btn_right .btn_right_prev span img:last-child{ position: absolute; left: 0; top: 0; opacity: 0;} .HPerceptionContent_btn .HPerceptionContent_btn_right .btn_right_next{ display: flex; color: rgba(153,153,153,.4); text-transform: uppercase; margin-left: 44px; cursor: pointer;} .HPerceptionContent_btn .HPerceptionContent_btn_right .btn_right_next span{ position: relative; margin-left: 6px;} .HPerceptionContent_btn .HPerceptionContent_btn_right .btn_right_next span img:last-child{ position: absolute; left: 0; top: 0; opacity: 0;} .HPerceptionContent_btn .HPerceptionContent_btn_right .btn_right_prev:hover,.HPerceptionContent_btn .HPerceptionContent_btn_right .btn_right_next:hover{ color: #ff8e39; cursor: pointer;} .HPerceptionContent_btn .HPerceptionContent_btn_right .btn_right_prev:hover span img:last-child,.HPerceptionContent_btn .HPerceptionContent_btn_right .btn_right_next:hover span img:last-child{ opacity: 1;} .HPerceptionContent_btn.color .swiper-pagination{ background: rgba(51,51,51,.1);} .HPerceptionContent_btn.color .swiper-pagination span{ opacity: .6; background: #333;} .HPerceptionContent_btn.color .HPerceptionContent_btn_right .btn_right_prev:hover,.HPerceptionContent_btn.color .HPerceptionContent_btn_right .btn_right_next:hover{ color: #ff8e39;} .HPerceptionContent_btn.color2 .swiper-pagination{ background: rgba(51,51,51,.1);} .HPerceptionContent_btn.color2 .swiper-pagination span{ opacity: 1; background: #ff8e39;} .HPerceptionContent_btn.color2 .HPerceptionContent_btn_right .btn_right_prev:hover,.HPerceptionContent_btn.color .HPerceptionContent_btn_right .btn_right_next:hover{ color: #ff8e39;} .pc_all.bgcolor{ background: #f2f2f2;} .HCase .HCase_content .HCase_content_list{ display: -ms-grid; /* IE 10 */ display: -webkit-grid; /* Safari, 旧版 Edge */ display: grid; /* 标准 */ grid-gap: 20px; grid-template-areas: 'box1 box1 box2' 'box1 box1 box3' 'box4 box5 box6' } .HCase .HCase_content .HCase_content_list .content_list_li{ border-radius: 5px; overflow: hidden; display: inline-block; position: relative;} .HCase .HCase_content .HCase_content_list .content_list_li:nth-child(1){ grid-area: box1;} .HCase .HCase_content .HCase_content_list .content_list_li:nth-child(1) .list_li_img img{ height: 37.512vw;} .HCase .HCase_content .HCase_content_list .content_list_li:nth-child(2){ grid-area: box2;} .HCase .HCase_content .HCase_content_list .content_list_li:nth-child(3){ grid-area: box3;} .HCase .HCase_content .HCase_content_list .content_list_li:nth-child(4){ grid-area: box4;} .HCase .HCase_content .HCase_content_list .content_list_li:nth-child(5){ grid-area: box5;} .HCase .HCase_content .HCase_content_list .content_list_li:nth-child(6){ grid-area: box6;} .HCase .HCase_content .HCase_content_list .content_list_li .list_li_img{ display: flex; height: 100%; overflow: hidden;} .HCase .HCase_content .HCase_content_list .content_list_li .list_li_img img{ width: 100%; height: 18.235vw; object-fit: cover; transform: scale(1);-webkit-transition:all .5s ease;-moz-transition:all .5s ease;transition:all .5s ease;} .HCase .HCase_content .HCase_content_list .content_list_li:hover .list_li_img img{transform: scale(1.1);-webkit-transition:all .5s ease;-moz-transition:all .5s ease;transition:all .5s ease;} .HCase .HCase_content .HCase_content_list .content_list_li .list_li_title{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgb(34,34,34,.9); display: flex; flex-direction: column; justify-content: flex-end; padding: 40px 35px; opacity: 0;-webkit-transition:all .5s ease;-moz-transition:all .5s ease;transition:all .5s ease; } .HCase .HCase_content .HCase_content_list .content_list_li .list_li_title .li_title_logo{ display: flex; border-bottom: 1px solid rgba(255,255,255,.1); padding-bottom: 20px; margin-bottom: 20px;} .HCase .HCase_content .HCase_content_list .content_list_li .list_li_title .li_title_txt .title_txt_dd{ color: #fff;} .HCase .HCase_content .HCase_content_list .content_list_li .list_li_title .li_title_txt .title_txt_dt{ color: #fff; opacity: .6; margin-top: 12px;} .HCase .HCase_content .HCase_content_list .content_list_li .list_li_logo{ position: absolute; right: 35px; top: 35px; display: flex;-webkit-transition:all .5s ease;-moz-transition:all .5s ease;transition:all .5s ease; width: 120px; height: 44px; align-items: flex-start; justify-content: flex-end;} .HCase .HCase_content .HCase_content_list .content_list_li .list_li_logo img,.HCase .HCase_content .HCase_content_list .content_list_li .list_li_title .li_title_logo img{ max-width: 120px; max-height: 44px;} .HCase .HCase_content .HCase_content_list .content_list_bottom{ display: flex; justify-content: space-between; margin-top: 20px;} .HCase .HCase_content .HCase_content_list .content_list_li:hover .list_li_logo{ opacity: 0;-webkit-transition:all .5s ease;-moz-transition:all .5s ease;transition:all .5s ease;} .HCase .HCase_content .HCase_content_list .content_list_li:hover .list_li_title{ opacity: 1; -webkit-transition:all .5s ease;-moz-transition:all .5s ease;transition:all .5s ease;} .HInsight{ background: url(../images/bg8.jpg) no-repeat 50%/cover; height:45.327vw; display: flex; align-items:center;} .HInsight .pc_all_content .HInsight_right{ border-bottom: 0px;} .HInsight .pc_all_content .HInsight_right .HInsight_right_top{ margin-bottom: 70px;display: flex; flex-direction: column; height: 425px;} .HInsight .pc_all_content .HInsight_right .HInsight_right_top .right_top_list{ padding: 18px 0px; display: inline-block; width: 100%; border-bottom: 1px solid rgba(255,255,255,.05); border-top: 1px solid rgba(255,255,255,0); margin-top: -1px; cursor: pointer; -webkit-transition:all 0s ease;-moz-transition:all 0s ease;transition:all 0s ease;} .HInsight .pc_all_content .HInsight_right .HInsight_right_top .right_top_list:first-child{ border-top: 1px solid rgba(255,255,255,.1);} .HInsight .pc_all_content .HInsight_right .HInsight_right_top .right_top_list .top_list_dd{ color: #fff; opacity: .6; display: flex; align-items: center; -webkit-transition:all 0s ease;-moz-transition:all 0s ease;transition:all 0s ease;} .HInsight .pc_all_content .HInsight_right .HInsight_right_top .right_top_list .top_list_dd span{ position: relative; top: 1px; margin-right: 15px; display: flex; align-items: center; justify-content: center;} .HInsight .pc_all_content .HInsight_right .HInsight_right_top .right_top_list .top_list_dd span img:last-child{ left: 0; top: 0; position: absolute; opacity: 0;} .HInsight .pc_all_content .HInsight_right .HInsight_right_top .right_top_list .top_list_dt{ color: #fff; padding-left: 30px;display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; display: none;} .HInsight .pc_all_content .HInsight_right .HInsight_right_top .right_top_list.active{ padding-top: 30px; padding-bottom: 45px; border-top: 1px solid rgba(255,255,255,.45); border-bottom: 1px solid rgba(255,255,255,.45); -webkit-transition:all 0s ease;-moz-transition:all 0s ease;transition:all 0s ease;} .HInsight .pc_all_content .HInsight_right .HInsight_right_top .right_top_list.active .top_list_dd{ font-size: 26px; opacity: 1; -webkit-transition:all 0s ease;-moz-transition:all 0s ease;transition:all 0s ease;} .HInsight .pc_all_content .HInsight_right .HInsight_right_top .right_top_list.active .top_list_dt{ margin-top: 25px; display: block;} .HInsight .pc_all_content .HInsight_right .HInsight_right_top .right_top_list.active .top_list_dd span img{ opacity: 0;} .HInsight .pc_all_content .HInsight_right .HInsight_right_top .right_top_list.active .top_list_dd span img:last-child{ opacity: 1;} .HIFuture .pc_all_content .HIFuture_right{ height: 604px; border-bottom: 0;background: #f4f4f4; border-radius: 5px; overflow: hidden;} .HIFuture .pc_all_content .HIFuture_right .HIFuture_right_list{ height: 109px; border-radius: 5px; margin-bottom: -5px; position: relative; padding: 40px 44px; overflow: hidden; cursor: pointer;} .HIFuture .pc_all_content .HIFuture_right .HIFuture_right_list .right_list_top{ display: flex; align-items: flex-start; justify-content: space-between;} .HIFuture .pc_all_content .HIFuture_right .HIFuture_right_list .right_list_top .list_top_dd p span{ margin-left: 15px;} .HIFuture .pc_all_content .HIFuture_right .HIFuture_right_list .right_list_top .list_top_dd p:last-child{ opacity: 0;} .HIFuture .pc_all_content .HIFuture_right .HIFuture_right_list .right_list_top .list_top_dt{ display: flex; align-items: center; text-transform: uppercase;} .HIFuture .pc_all_content .HIFuture_right .HIFuture_right_list .right_list_top .list_top_dt span{ margin-left: 14px;} .HIFuture .pc_all_content .HIFuture_right .HIFuture_right_list .right_list_txt{ opacity: 0; margin-top: 33px; color: #fff;} .HIFuture .pc_all_content .HIFuture_right .HIFuture_right_list:nth-child(1){ background: #ff9334; z-index: 3;} .HIFuture .pc_all_content .HIFuture_right .HIFuture_right_list:nth-child(1) .right_list_top .list_top_dd{ color: #fff;} .HIFuture .pc_all_content .HIFuture_right .HIFuture_right_list:nth-child(1) .right_list_top .list_top_dt{ color: #fff; opacity: .2;} .HIFuture .pc_all_content .HIFuture_right .HIFuture_right_list:nth-child(2){ background: #333333; z-index: 2;} .HIFuture .pc_all_content .HIFuture_right .HIFuture_right_list:nth-child(2) .right_list_top .list_top_dd{ color: #ccc;} .HIFuture .pc_all_content .HIFuture_right .HIFuture_right_list:nth-child(2) .right_list_top .list_top_dt{ color: #fff; opacity: .2;} .HIFuture .pc_all_content .HIFuture_right .HIFuture_right_list:nth-child(3){ background: #f4f4f4; z-index: 1;} .HIFuture .pc_all_content .HIFuture_right .HIFuture_right_list:nth-child(3) .right_list_top .list_top_dd{ color: #333333;} .HIFuture .pc_all_content .HIFuture_right .HIFuture_right_list:nth-child(3) .right_list_top .list_top_dd span{ color: #7d7d7d;} .HIFuture .pc_all_content .HIFuture_right .HIFuture_right_list:nth-child(3) .right_list_top .list_top_dt{ color: #333333; opacity: .2;} .HIFuture .pc_all_content .HIFuture_right .HIFuture_right_list:nth-child(3) .right_list_txt{ color: #666;} .HIFuture .pc_all_content .HIFuture_right .HIFuture_right_list .right_list_icon{ opacity: 0;} .HIFuture .pc_all_content .HIFuture_right .HIFuture_right_list .right_list_icon2{ opacity: 0; position: absolute; bottom: 40px; right: 40px; margin-right: -80px;} .HIFuture .pc_all_content .HIFuture_right .HIFuture_right_list.active{ height: 20.84vw;} .HIFuture .pc_all_content .HIFuture_right .HIFuture_right_list.active .right_list_top .list_top_dd p:last-child{ opacity: 1;} .HIFuture .pc_all_content .HIFuture_right .HIFuture_right_list.active .right_list_txt{ opacity: 1;} .HIFuture .pc_all_content .HIFuture_right .HIFuture_right_list.active .right_list_icon{ opacity: 1; margin-top: 95px;} .HIFuture .pc_all_content .HIFuture_right .HIFuture_right_list.active .right_list_icon2{ opacity: 1; margin-right: 0;} .footer{ background: #2c2c2c;} .footer .pc_all_content{ display: flex; justify-content: space-between;} .footer .pc_all_content .footer_left{ width: calc(33% - 7px); } .footer .pc_all_content .footer_left .footer_left_logo{ display: flex; margin-bottom: 45px;} .footer .pc_all_content .footer_left .footer_left_bottom .left_bottom_title{ color: #bcbcbc;} .footer .pc_all_content .footer_left .footer_left_bottom .left_bottom_txt{ color: #fff; opacity: .11; line-height: 1.3; margin-top: 13px;} .footer .pc_all_content .footer_right{ display: flex; justify-content: space-between; width: calc(67% - 12px);} .footer .pc_all_content .footer_right .footer_right_nav{ display: flex; width: 37%; justify-content: space-between;} .footer .pc_all_content .footer_right .footer_right_nav p{ margin-bottom: 22px;} .footer .pc_all_content .footer_right .footer_right_nav p:last-child{ margin-bottom: 0;} .footer .pc_all_content .footer_right .footer_right_nav p a{ color: rgba(255,255,255,.4);} .footer .pc_all_content .footer_right .footer_right_nav p a:hover{ color: #fff;} .footer .pc_all_content .footer_right .footer_right_nav p a img{ opacity: .1; margin-right: 7px; position: relative; top: 1px;} .footer .pc_all_content .footer_right .footer_right_adress{ width: 51%;} .footer .pc_all_content .footer_right .footer_right_adress .right_adress_top{ padding-bottom: 22px; margin-bottom: 22px; border-bottom: 1px solid rgba(255,255,255,.05);} .footer .pc_all_content .footer_right .footer_right_adress .right_adress_top p{ color: rgba(255,255,255,.4); line-height: 2.2;} .footer .pc_all_content .footer_right .footer_right_adress .right_adress_bottom{ display: flex; align-items: center; justify-content: space-between;} .footer .pc_all_content .footer_right .footer_right_adress .right_adress_bottom .adress_bottom_left .bottom_left_dd{ color: rgba(255,255,255,.4); margin-bottom: 13px;} .footer .pc_all_content .footer_right .footer_right_adress .right_adress_bottom .adress_bottom_left .bottom_left_dt{ color: rgba(255,255,255,.4);} .Btn2{ display: flex; align-items: center; border: 1px solid rgba(255,255,255,.2); border-radius: 5px; overflow: hidden;} .Btn2 span{ margin: 0px 21px;color: rgba(255,255,255,.4); font-size: 15px;} .Btn2.color span{ color: #fff;} .Btn2 i{ display: flex; align-items: center; justify-content: center; position: relative;} .Btn2 i img:last-child{ position: absolute; left: 0; top: 0; opacity: 0;} .Btn2:hover i img{ opacity: 0;} .Btn2:hover i img:last-child{ opacity: 1;} .Btn2:hover{ background: #ff9334; border: 1px solid #ff9334;} .Btn2:hover span{ color: #fff;} .Link{ background: #2c2c2c;} .Link .pc_all_content{ border-top: 1px solid rgba(255,255,255,.05); padding: 25px 0px; display: flex; align-items: flex-start; justify-content: space-between;} .Link .pc_all_content .Link_left{ display: flex; align-items: flex-start; width: calc(100% - 200px);} .Link .pc_all_content .Link_left .Link_left_dd{ color: #bcbcbc; opacity: .3; width: 80px;} .Link .pc_all_content .Link_left .Link_left_dt{ display: flex; width: calc(100% - 80px); flex-wrap: wrap; height: 16px; overflow: hidden;} .Link .pc_all_content .Link_left.active .Link_left_dt{ height: auto;} .Link .pc_all_content .Link_left .Link_left_dt a{color: #bcbcbc; opacity: .3; margin-right: 15px; margin-bottom: 6px;} .Link .pc_all_content .Link_left .Link_left_dt a:hover{ opacity: 1;} .Link .pc_all_content .Link_right{color: rgba(188,188,188,.3); display: flex; cursor: pointer; align-items: center;} .Link .pc_all_content .Link_right span{ display: flex; position: relative; margin-left: 6px;} .Link .pc_all_content .Link_right span img:first-child{ opacity: .15;} .Link .pc_all_content .Link_right span img:last-child{ position: absolute; left: 0; top: 0; opacity: 0;} .Link .pc_all_content .Link_right:hover{ color: #ff9334;} .Link .pc_all_content .Link_right:hover span img{ opacity: 0;} .Link .pc_all_content .Link_right:hover span img:last-child{ opacity: 1;} .Copyright{ text-align: center; padding: 25px 0px; background: #232323; color: rgba(255,255,255,.2);} .Copyright a{ color: rgba(255,255,255,.2); margin-left: 15px;} .Copyright a:hover{ color: #fff;} @media screen and (max-width:1650px){ .Header{ padding: 0px 55px;} .Header .Header_right .Header_right_nav .right_nav_list .nav_list_down .list_down_right{ padding-right: 55px;} .pc_all .pc_all_content,.pc_all2 .pc_all_content{ width: calc(100% - 110px);} .banner{ margin-left: 55px; width: calc(100% - 55px); height: calc(100vh - 125px);} .banner .banner_list .banner_list_img img{ height: calc(100vh - 125px);} .banner .banner_list .banner_list_po{ min-width: 550px; right: 55px;} .banner .banner_list .banner_list_po .list_po_icon img{ height: 60px;} .banner .slick-dots{ right: 55px; width: 550px;} .title .title_left .title_left_p2.margintop22{ margin-top: 16px;} .HExplore .pc_all_content .HExplore_right .HExplore_right_list .right_list_left .list_left_icon{ width: 48px;} .HExplore .pc_all_content .HExplore_right .HExplore_right_list .right_list_left .list_left_title{ width: calc(100% - 70px);} .HExplore .pc_all_content .HExplore_right .HExplore_right_list .right_list_left .list_left_title .left_title_dd{ margin-bottom: 6px;} .HPerception .HPerceptionContent .HPerceptionContent_list .HPerceptionContent_list_li .list_li_title{ margin-bottom: 30px; padding-bottom: 30px;} .HPerception .HPerceptionContent .HPerceptionContent_list .HPerceptionContent_list_li .list_li_content .li_content_p br{ display: none;} .HPerception .HPerceptionContent .HPerceptionContent_list .HPerceptionContent_list_li.active .list_li_content .li_content_p br{ display: block;} .HPerception .HPerceptionContent .HPerceptionContent_list .HPerceptionContent_list_li .list_li_content .li_content_icon2 img{ width: 90px;} .HPerception .HPerceptionContent .HPerceptionContent_list .HPerceptionContent_list_li .list_li_content .li_content_icon img{ width: 180px;} .HPerceptionContent_btn{ margin-top: 55px;} .HPerception .HPerceptionContent .HPerceptionContent_list .HPerceptionContent_list_li .list_li_content .li_content_nav .content_nav_l{ margin-right: 40px;} .HInsight{ height: auto;} .HInsight .pc_all_content .HInsight_right .HInsight_right_top .right_top_list.active{ padding-top: 25px; padding-bottom: 40px;} .HIFuture .pc_all_content .HIFuture_right .HIFuture_right_list{ height: 106px; padding: 40px;} .HIFuture .pc_all_content .HIFuture_right .HIFuture_right_list.active .right_list_icon{ margin-top: 85px;} .HIFuture .pc_all_content .HIFuture_right .HIFuture_right_list .right_list_icon img{ height: 75px;} .HIFuture .pc_all_content .HIFuture_right .HIFuture_right_list .right_list_icon2 img{ width: 250px;} .HIFuture .pc_all_content .HIFuture_right{ height: auto;} .HIFuture .pc_all_content .HIFuture_right .HIFuture_right_list.active{ height: 380px;} .HCase .HCase_content .HCase_content_list .content_list_li .list_li_logo{ right: 30px; top: 30px;} .HCase .HCase_content .HCase_content_list .content_list_li .list_li_title{ padding: 35px 30px;} .HCase .HCase_content .HCase_content_list .content_list_li .list_li_title .li_title_logo img,.HCase .HCase_content .HCase_content_list .content_list_li .list_li_logo img{ max-height: 42px;} .ScrollDown{ width: 55px;} } @media screen and (max-width:1550px){ .Header{ padding: 0px 50px;} .Header .Header_right .Header_right_nav .right_nav_list .nav_list_down .list_down_right{ padding-right: 50px;} .banner{ margin-left: 50px; width: calc(100% - 50px); height: calc(100vh - 120px);} .banner .banner_list .banner_list_img img{ height: calc(100vh - 120px);} .pc_all .pc_all_content,.pc_all2 .pc_all_content{ width: calc(100% - 100px);} .banner .banner_list .banner_list_po{ min-width: 500px; right: 50px;} .banner .banner_list .banner_list_po .list_po_icon img{ height: 55px;} .banner .slick-dots{ right: 50px; width: 500px;} .title .title_left .title_left_p2.margintop22{ margin-top: 14px;} .HExplore .pc_all_content .HExplore_right .HExplore_right_list .right_list_left .list_left_icon{ width: 45px;} .HExplore .pc_all_content .HExplore_right .HExplore_right_list .right_list_left .list_left_title{ width: calc(100% - 65px);} .HExplore .pc_all_content .HExplore_right .HExplore_right_list .right_list_left .list_left_title .left_title_dd{ margin-bottom: 5px;} .HPerception .HPerceptionContent .HPerceptionContent_list .HPerceptionContent_list_li .list_li_title{ margin-bottom: 25px; padding-bottom: 25px;} .HPerception .HPerceptionContent .HPerceptionContent_list .HPerceptionContent_list_li .list_li_content .li_content_icon2 img{ width: 85px;} .HPerception .HPerceptionContent .HPerceptionContent_list .HPerceptionContent_list_li .list_li_content .li_content_icon img{ width: 170px;} .HPerceptionContent_btn{ margin-top: 50px;} .HPerception .HPerceptionContent .HPerceptionContent_list .HPerceptionContent_list_li .list_li_content .li_content_nav .content_nav_l{ margin-right: 30px;} .HInsight .pc_all_content .HInsight_right .HInsight_right_top .right_top_list.active{ padding-top: 25px; padding-bottom: 35px;} .HIFuture .pc_all_content .HIFuture_right .HIFuture_right_list{ height: 95px; padding: 35px;} .HIFuture .pc_all_content .HIFuture_right .HIFuture_right_list.active .right_list_icon{ margin-top: 75px;} .HIFuture .pc_all_content .HIFuture_right .HIFuture_right_list .right_list_icon img{ height: 65px;} .HIFuture .pc_all_content .HIFuture_right .HIFuture_right_list .right_list_icon2 img{ width: 210px;} .HIFuture .pc_all_content .HIFuture_right .HIFuture_right_list.active{ height: 360px;} .HCase .HCase_content .HCase_content_list .content_list_li .list_li_logo{ right: 25px; top: 25px;} .HCase .HCase_content .HCase_content_list .content_list_li .list_li_title{ padding: 30px 25px;} .HCase .HCase_content .HCase_content_list .content_list_li .list_li_title .li_title_logo img,.HCase .HCase_content .HCase_content_list .content_list_li .list_li_logo img{ max-height: 40px;} .ScrollDown{ width: 50px;} } @media screen and (max-width:1450px){ .Header{ padding: 0px 45px;} .Header .Header_right .Header_right_nav .right_nav_list .nav_list_down .list_down_right{ padding-right: 45px;} .banner{ margin-left: 45px; width: calc(100% - 45px); height: calc(100vh - 115px);} .banner .banner_list .banner_list_img img{ height: calc(100vh - 115px);} .pc_all .pc_all_content,.pc_all2 .pc_all_content{ width: calc(100% - 90px);} .banner .banner_list .banner_list_po{ min-width: 450px; right: 45px;} .banner .banner_list .banner_list_po .list_po_icon img{ height: 50px;} .banner .slick-dots{ right: 45px; width: 450px;} .title .title_left .title_left_p2.margintop22{ margin-top: 13px;} .HPerception .HPerceptionContent .HPerceptionContent_list .HPerceptionContent_list_li .list_li_title{ margin-bottom: 20px; padding-bottom: 20px;} .HExplore .pc_all_content .HExplore_right .HExplore_right_list .right_list_left .list_left_icon{ width: 42px;} .HExplore .pc_all_content .HExplore_right .HExplore_right_list .right_list_left .list_left_title{ width: calc(100% - 58px);} .HExplore .pc_all_content .HExplore_right .HExplore_right_list .right_list_left .list_left_title .left_title_dd{ margin-bottom: 4px;} .HPerception .HPerceptionContent .HPerceptionContent_list .HPerceptionContent_list_li .list_li_content .li_content_icon2 img{ width: 80px;} .HPerception .HPerceptionContent .HPerceptionContent_list .HPerceptionContent_list_li .list_li_content .li_content_icon img{ width: 160px;} .HPerceptionContent_btn{ margin-top: 45px;} .HPerception .HPerceptionContent .HPerceptionContent_list .HPerceptionContent_list_li .list_li_content .li_content_nav .content_nav_l{ margin-right: 20px;} .HInsight .pc_all_content .HInsight_right .HInsight_right_top .right_top_list.active{ padding-top: 20px; padding-bottom: 30px;} .HIFuture .pc_all_content .HIFuture_right .HIFuture_right_list{ height: 85px; padding: 30px;} .HIFuture .pc_all_content .HIFuture_right .HIFuture_right_list.active .right_list_icon{ margin-top: 65px;} .HIFuture .pc_all_content .HIFuture_right .HIFuture_right_list .right_list_icon img{ height: 60px;} .HIFuture .pc_all_content .HIFuture_right .HIFuture_right_list .right_list_icon2 img{ width: 180px;} .HIFuture .pc_all_content .HIFuture_right .HIFuture_right_list.active{ height: 340px;} .HCase .HCase_content .HCase_content_list .content_list_li .list_li_logo{ right: 20px; top: 20px;} .HCase .HCase_content .HCase_content_list .content_list_li .list_li_title{ padding: 25px 20px;} .HCase .HCase_content .HCase_content_list .content_list_li .list_li_title .li_title_logo img,.HCase .HCase_content .HCase_content_list .content_list_li .list_li_logo img{ max-height: 38px;} .ScrollDown{ width: 45px;} } @media screen and (max-width:1366px){ .Header{ padding: 0px 40px;} .Header .Header_right .Header_right_nav .right_nav_list .nav_list_down .list_down_right{ padding-right: 40px;} .banner{ margin-left: 40px; width: calc(100% - 40px); height: calc(100vh - 110px);} .banner .banner_list .banner_list_img img{ height: calc(100vh - 110px);} .pc_all .pc_all_content,.pc_all2 .pc_all_content{ width: calc(100% - 80px);} .banner .banner_list .banner_list_po{ min-width: 400px; right: 40px;} .banner .banner_list .banner_list_po .list_po_icon img{ height: 45px;} .banner .slick-dots{ right: 40px; width: 400px;} .title .title_left .title_left_p2.margintop22{ margin-top: 12px;} .HPerception .HPerceptionContent .HPerceptionContent_list .HPerceptionContent_list_li .list_li_title{ margin-bottom: 15px; padding-bottom: 15px;} .HExplore .pc_all_content .HExplore_right .HExplore_right_list .right_list_left .list_left_icon{ width: 39px;} .HExplore .pc_all_content .HExplore_right .HExplore_right_list .right_list_left .list_left_title{ width: calc(100% - 55px);} .HPerception .HPerceptionContent .HPerceptionContent_list .HPerceptionContent_list_li .list_li_content .li_content_icon2 img{ width: 75px;} .HPerception .HPerceptionContent .HPerceptionContent_list .HPerceptionContent_list_li .list_li_content .li_content_icon img{ width: 150px;} .HPerceptionContent_btn{ margin-top: 40px;} .HPerception .HPerceptionContent .HPerceptionContent_list .HPerceptionContent_list_li .list_li_content .li_content_nav .content_nav_l{ margin-right: 10px;} .HPerception .HPerceptionContent .HPerceptionContent_list .HPerceptionContent_list_li .list_li_content .li_content_nav .li_content_nav_icon,.HPerception .HPerceptionContent .HPerceptionContent_list .HPerceptionContent_list_li .list_li_title .li_title_right{ font-size: 32px;} .HIFuture .pc_all_content .HIFuture_right .HIFuture_right_list{ height: 75px; padding: 25px;} .HIFuture .pc_all_content .HIFuture_right .HIFuture_right_list.active .right_list_icon{ margin-top: 55px;} .HIFuture .pc_all_content .HIFuture_right .HIFuture_right_list .right_list_icon img{ height: 55px;} .HIFuture .pc_all_content .HIFuture_right .HIFuture_right_list .right_list_icon2 img{ width: 160px;} .HIFuture .pc_all_content .HIFuture_right .HIFuture_right_list.active{ height: 320px;} .footer .pc_all_content .footer_right .footer_right_nav{ width: 40%;} .footer .pc_all_content .footer_right .footer_right_adress{ width: 50%;} .HCase .HCase_content .HCase_content_list .content_list_li .list_li_title .li_title_logo img,.HCase .HCase_content .HCase_content_list .content_list_li .list_li_logo img{ max-height: 36px;} .ScrollDown{ width: 40px;} } @media screen and (max-width:1280px){ .Header{ padding: 0px 35px;} .Header .Header_right .Header_right_nav .right_nav_list .nav_list_down .list_down_right{ padding-right: 35px;} .banner{ margin-left: 35px; width: calc(100% - 35px); height: calc(100vh - 105px);} .banner .banner_list .banner_list_img img{ height: calc(100vh - 105px);} .pc_all .pc_all_content,.pc_all2 .pc_all_content{ width: calc(100% - 70px);} .banner .banner_list .banner_list_po{ min-width: 350px; right: 35px;} .banner .slick-dots{ right: 35px; width: 350px;} .title .title_left .title_left_p2.margintop22{ margin-top: 10px;} .HPerception .HPerceptionContent .HPerceptionContent_list .HPerceptionContent_list_li .list_li_content .li_content_p{ display: none;} .ScrollDown{ width: 35px;} } @media screen and (max-width:1200px){ .Header .Header_left .Header_left_home{ display: none;} .Header .Header_right .Header_right_nav .right_nav_list{ margin-right: 23px;} .Header .Header_right .Header_right_btn .right_btn_list{ margin-right: 15px;} .Header .Header_right .Header_right_btn{ margin: 0px 28px; margin-right: 20px;} .footer .pc_all_content .footer_right .footer_right_nav{ width: 43%;} .footer .pc_all_content .footer_right .footer_right_adress{ width: 53%;} .title .title_left .title_left_p2.margintop22{ margin-top: 8px;} } @media screen and (max-width:1024px){ /*ipad-y*/ .banner{ margin-top: 62px !important;} .HCase .HCase_content .HCase_content_list .content_list_li .list_li_logo{ top: 25px; right: 25px;} .HCase .HCase_content .HCase_content_list .content_list_li .list_li_logo img{ max-height: 32px;} .title .title_left .title_left_p2.margintop22{ margin-top: 6px;} .footer .pc_all_content .footer_right .footer_right_nav{ width: 45%;} .footer .pc_all_content .footer_right .footer_right_adress{ width: 50%;} .footer .pc_all_content .footer_right .footer_right_adress .right_adress_bottom{ flex-wrap: wrap;} .footer .pc_all_content .footer_right .footer_right_adress .right_adress_bottom .adress_bottom_left,.footer .pc_all_content .footer_right .footer_right_adress .right_adress_bottom .adress_bottom_right{ width: 100%;} .footer .pc_all_content .footer_right .footer_right_adress .right_adress_bottom .adress_bottom_left{ margin-bottom: 20px;} .footer .pc_all_content .footer_right .footer_right_adress .right_adress_bottom .adress_bottom_right{ display: flex;} .HPerception .HPerceptionContent .HPerceptionContent_list .HPerceptionContent_list_li .list_li_po{ display: none;} } @media screen and (max-width:980px){ /*ipad-x*/ .HPerception .HPerceptionContent .HPerceptionContent_list{ flex-wrap: wrap;} .HPerception .HPerceptionContent .HPerceptionContent_list .HPerceptionContent_list_li{ width: 100% !important;} .HPerception .HPerceptionContent .HPerceptionContent_list .HPerceptionContent_list_li:last-child{ margin-top: 25px;} .HPerception .HPerceptionContent .HPerceptionContent_list .HPerceptionContent_list_li .list_li_content .li_content_nav{ opacity: 1;} .HPerception .HPerceptionContent .HPerceptionContent_list .HPerceptionContent_list_li.active .list_li_content .li_content_p br{ display: none;} .HPerception .HPerceptionContent .HPerceptionContent_list .HPerceptionContent_list_li .list_li_img img{ height: 425px;} .HPerception .HPerceptionContent .HPerceptionContent_list .HPerceptionContent_list_li .list_li_Top .list_li_Top_icon img{ height: 55px;} .HPerception .HPerceptionContent .HPerceptionContent_list .HPerceptionContent_list_li .list_li_Top .list_li_Top_icon2 img{ width: 160px;} .title .title_left .title_left_dt.dflex{ display: block;} .title .title_left .title_left_dt.dflex .left_dt_dt{ margin-left: 0; margin-top: 10px;} .footer .pc_all_content .footer_right .footer_right_nav{ display: block;} .footer .pc_all_content .footer_right .footer_right_nav div{ margin-bottom: 16px;} .footer .pc_all_content .footer_right .footer_right_nav p{ margin-bottom: 16px;} } @media screen and (max-width:766px){ /*iphone*/ .pc_all,.pc_all2{ overflow: hidden;} .banner{ border-radius: 0;} .banner .banner_list .banner_list_po .list_po_title{ font-size: 28px;} .banner{ width: 100%; margin-left: 0; height: calc(100vh - 62px);} .banner .banner_list .banner_list_po{ min-width: 80%; right: 0; left: 0; margin: 0 auto;} .banner .banner_list .banner_list_po{ right: 0;} .banner .banner_list .banner_list_po .list_po_icon img{ height: 40px;} .banner .banner_list .banner_list_img img{ height: calc(100vh - 62px);} .banner.HomeBanner .banner_list .banner_list_po .HomeBanner_bottom .HomeBanner_bottom_p{ margin: 18px 0px;} .banner .banner_list .banner_list_po .list_po_border{ padding: 18px 0px;} .banner .slick-dots{ width: 100%; bottom: 35px; padding: 0 5%; right: 0;} .banner .slick-dots li{ width: 20px; height: 2px;} .banner .slick-dots li.slick-active{ width: 40px;} .title{ flex-wrap: wrap;} .title .title_left,.title .title_right{ width: 100% !important;} .title .title_right{ margin-top: 25px;} .title .title_left .title_left_dt br{ display: none;} .title .title_left .title_left_p{ margin-top: 22px;} .title .title_left .title_left_dt{ font-size: 24px;} .title .title_left .title_left_dt.dflex .left_dt_dd{ white-space: normal;} .Btn{ display: flex; align-items: center;} .Btn br{ display: none;} .Btn span{ margin-top: 1px; margin-left: 5px;} .HExplore .pc_all_content{ flex-wrap: wrap;} .HExplore .pc_all_content .HExplore_left{ margin-bottom: 25px;} .HExplore .pc_all_content .HExplore_left,.HExplore .pc_all_content .HExplore_right{ width: 100%;} .HExplore .pc_all_content .HExplore_right .HExplore_right_list{ padding: 30px 0px; flex-wrap: wrap;} .HExplore .pc_all_content .HExplore_right .HExplore_right_list .right_list_left,.HExplore .pc_all_content .HExplore_right .HExplore_right_list .right_list_right{ width: 100%;} .HExplore .pc_all_content .HExplore_right .HExplore_right_list .right_list_right{ margin-top: 15px;} .HPerception .HPerceptionContent .HPerceptionContent_list .HPerceptionContent_list_li .list_li_content .li_content_nav,.HPerception .HPerceptionContent .HPerceptionContent_list .HPerceptionContent_list_li.active .list_li_content .li_content_nav{ padding-right: 0; flex-wrap: wrap;} .HPerception .HPerceptionContent .HPerceptionContent_list .HPerceptionContent_list_li .list_li_content .li_content_nav .content_nav_l{ width: 48%; margin-right: 0px;} .HPerception .HPerceptionContent .HPerceptionContent_list .HPerceptionContent_list_li .list_li_content .li_content_icon2{ right: 20px; bottom: 20px;} .HPerception .HPerceptionContent .HPerceptionContent_list .HPerceptionContent_list_li .list_li_content .li_content_icon img{ width: 120px !important; height: 33px !important;} .HPerception .HPerceptionContent .HPerceptionContent_list .HPerceptionContent_list_li .list_li_content .li_content_icon2 img{ width: 50px;} .HPerception .HPerceptionContent .HPerceptionContent_list .HPerceptionContent_list_li .list_li_content .li_content_icon2{ font-size: 26px;} .HPerception .HPerceptionContent .HPerceptionContent_list .HPerceptionContent_list_li .list_li_content .li_content_nav .li_content_nav_left,.HPerception .HPerceptionContent .HPerceptionContent_list .HPerceptionContent_list_li .list_li_content .li_content_nav .li_content_nav_icon{ width: 100%;} .HPerception .HPerceptionContent .HPerceptionContent_list .HPerceptionContent_list_li .list_li_content .li_content_nav .li_content_nav_icon{ margin-top: 20px;} .HPerception .HPerceptionContent .HPerceptionContent_list .HPerceptionContent_list_li .list_li_content .li_content_p{ margin-bottom: 15px; padding-bottom: 15px; display: block;} .HPerception .HPerceptionContent .HPerceptionContent_list .HPerceptionContent_list_li .list_li_po{ display: block;} .HPerception .HPerceptionContent .HPerceptionContent_list .HPerceptionContent_list_li .list_li_content .li_content_nav .li_content_nav_left{ flex-wrap: wrap;} .HPerception .HPerceptionContent .HPerceptionContent_list .HPerceptionContent_list_li .list_li_content .li_content_nav .li_content_nav_icon{ display: none;} .HPerception .HPerceptionContent .HPerceptionContent_list .HPerceptionContent_list_li.active .list_li_content .li_content_nav .content_nav_l:last-child{ display: flex; justify-content: space-between; width: 100%; margin-top: 18px;} .HPerception .HPerceptionContent .HPerceptionContent_list .HPerceptionContent_list_li.active .list_li_content .li_content_nav .content_nav_l:last-child p{ width: 48%;} .HCase .HCase_content .HCase_content_list{ display: block; } .HCase .HCase_content .HCase_content_list .content_list_li{ width: 100%; margin-bottom: 20px;} .HCase .HCase_content .HCase_content_list .content_list_li:last-child{ margin-bottom: 0;} .HCase .HCase_content .HCase_content_list .content_list_li .list_li_img img{ height: auto !important;} .HPerceptionContent_btn{ margin-top: 25px;} .HPerceptionContent_btn .swiper-pagination{ width: calc(100% - 150px);} .HPerceptionContent_btn .HPerceptionContent_btn_right .btn_right_next{ margin-left: 20px;} .HInsight .pc_all_content .HInsight_right .HInsight_right_top .right_top_list.active .top_list_dd{ font-size: 18px;} .HInsight .pc_all_content .HInsight_right .HInsight_right_top .right_top_list.active .top_list_dt{ margin-top: 15px;} .HInsight .pc_all_content .HInsight_right .HInsight_right_top .right_top_list.active .top_list_dt br{ display: none;} .HInsight .pc_all_content .HInsight_right .HInsight_right_top{ height: auto; margin-bottom: 35px;} .HIFuture .pc_all_content .HIFuture_right .HIFuture_right_list .right_list_txt br{ display: none;} .HIFuture .pc_all_content .HIFuture_right .HIFuture_right_list .right_list_top .list_top_dt{position: absolute; bottom: 20px; left: 20px; opacity: 0 !important;} .HIFuture .pc_all_content .HIFuture_right .HIFuture_right_list .right_list_icon2 img{ width: 80px;} .HIFuture .pc_all_content .HIFuture_right .HIFuture_right_list .right_list_icon img{ height: 40px;} .HIFuture .pc_all_content .HIFuture_right .HIFuture_right_list .right_list_txt{ margin-top: 15px;} .HIFuture .pc_all_content .HIFuture_right .HIFuture_right_list.active .right_list_top .list_top_dt{ opacity: .3 !important;} .footer .pc_all_content{ flex-wrap: wrap;} .footer .pc_all_content .footer_right .footer_right_nav{ display: flex;} .footer .pc_all_content .footer_left .footer_left_logo{ margin-bottom: 25px;} .footer .pc_all_content .footer_left,.footer .pc_all_content .footer_right{ width: 100%;} .footer .pc_all_content .footer_right{ margin-top: 25px; flex-wrap: wrap;} .footer .pc_all_content .footer_right .footer_right_nav{ margin-bottom: 25px;} .footer .pc_all_content .footer_right .footer_right_nav,.footer .pc_all_content .footer_right .footer_right_adress{ width: 100%;} .Link .pc_all_content .Link_left .Link_left_dd,.Link .pc_all_content .Link_left .Link_left_dt{ width: 100%;} .Link .pc_all_content .Link_left{ width: 100%; flex-wrap: wrap;} .Link .pc_all_content .Link_left .Link_left_dt{ height: auto; width: 100%; margin-top: 15px;} .Link .pc_all_content .Link_right{ display: none;} .Link .pc_all_content .Link_left .Link_left_dt a{ margin-bottom: 15px;} .Copyright .pc_all_content{ line-height: 1.5;} .ScrollDown{ left: auto; right: 0px; background: none; bottom: 90px; z-index: 2; color: #fff;} .ScrollDown span{ background: rgba(255,255,255,.5);} .ScrollDown span::before{ background: #fff;} .HPerception .HPerceptionContent .HPerceptionContent_list .HPerceptionContent_list_li .list_li_po .list_li_content{ padding-top: 110px;} .HPerception .HPerceptionContent .HPerceptionContent_list .HPerceptionContent_list_li .list_li_Top,.HPerception .HPerceptionContent .HPerceptionContent_list .HPerceptionContent_list_li .list_li_po,.HPerception .HPerceptionContent .HPerceptionContent_list .HPerceptionContent_list_li .list_li_title2{ padding: 20px !important;} } /* 品牌策划与高端网站设计 */ .BrandServices .BrandServicesContent{ display: flex; justify-content: space-between;} .BrandServices .BrandServicesContent .BrandServicesContent_list{ width: calc(33% - 7px); border-radius: 5px; overflow: hidden; position: relative; cursor: pointer;} .BrandServices .BrandServicesContent .BrandServicesContent_list.active{ width: calc(67% - 12px); } .BrandServices .BrandServicesContent .BrandServicesContent_list .BrandServicesContent_list_img{ display: flex; height: 100%;} .BrandServices .BrandServicesContent .BrandServicesContent_list .BrandServicesContent_list_img img{ width: 100%; height: 26.8vw; 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; } .BrandServices .BrandServicesContent .BrandServicesContent_list:hover .BrandServicesContent_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; } .BrandServices .BrandServicesContent .BrandServicesContent_list .BrandServicesContent_list_po{ position: absolute; left: 0; top: 0; width: 600px; max-width: 100%; height: 100%; padding: 50px; display: flex; flex-direction: column; justify-content: center;} .BrandServices .BrandServicesContent .BrandServicesContent_list .BrandServicesContent_list_po .BrandServicesContent_list_top{ padding-bottom: 30px; margin-bottom: 30px; border-bottom: 1px solid rgba(255,255,255,.2);} .BrandServices .BrandServicesContent .BrandServicesContent_list .BrandServicesContent_list_po .BrandServicesContent_list_top .list_top_icon{ display: flex; margin-bottom: 40px;} .BrandServices .BrandServicesContent .BrandServicesContent_list .BrandServicesContent_list_po .BrandServicesContent_list_top .list_top_title{ color: #fff; margin-bottom: 20px;} .BrandServices .BrandServicesContent .BrandServicesContent_list .BrandServicesContent_list_po .BrandServicesContent_list_top .list_top_txt{ color: #fff;} .BrandServices .BrandServicesContent .BrandServicesContent_list .BrandServicesContent_list_po .BrandServicesContent_list_bottom{ display: flex;} .BrandServices .BrandServicesContent .BrandServicesContent_list .BrandServicesContent_list_po .BrandServicesContent_list_bottom .list_bottom_li{ margin-right: 83px;} .BrandServices .BrandServicesContent .BrandServicesContent_list .BrandServicesContent_list_po .BrandServicesContent_list_bottom .list_bottom_li:last-child{ margin-right: 0;} .BrandServices .BrandServicesContent .BrandServicesContent_list .BrandServicesContent_list_po .BrandServicesContent_list_bottom .list_bottom_li .bottom_li_dd{ margin-bottom: 18px;} .BrandServices .BrandServicesContent .BrandServicesContent_list .BrandServicesContent_list_po .BrandServicesContent_list_bottom .list_bottom_li .bottom_li_dd a{ color: #fff;} .BrandServices .BrandServicesContent .BrandServicesContent_list .BrandServicesContent_list_po .BrandServicesContent_list_bottom .list_bottom_li .bottom_li_dt a{ color: #fff; display: flex; align-items: center;} .BrandServices .BrandServicesContent .BrandServicesContent_list .BrandServicesContent_list_po .BrandServicesContent_list_bottom .list_bottom_li .bottom_li_dt p{ margin-bottom: 10px;} .BrandServices .BrandServicesContent .BrandServicesContent_list .BrandServicesContent_list_po .BrandServicesContent_list_bottom .list_bottom_li .bottom_li_dt p:last-child{ margin-bottom: 0;} .BrandServices .BrandServicesContent .BrandServicesContent_list .BrandServicesContent_list_po .BrandServicesContent_list_bottom .list_bottom_li .bottom_li_dt p a img{ margin-right: 6px; position: relative;} .Serviceobjectives .pc_all_content{ position: relative; border-radius: 5px; overflow: hidden;} .Serviceobjectives .Serviceobjectives_img { background: #000;} .Serviceobjectives .Serviceobjectives_img .Serviceobjectives_img_list{ display: flex; opacity: 0; height: 100%; width: 100%;position: absolute; left: 0; top: 0;} .Serviceobjectives .Serviceobjectives_img .Serviceobjectives_img_list.active{ opacity: 1;} .Serviceobjectives .Serviceobjectives_img .Serviceobjectives_img_list:first-child{ position: relative;} .Serviceobjectives .Serviceobjectives_img .Serviceobjectives_img_list img{ width: 100%; height: 100%; object-fit: cover;} .Serviceobjectives .Serviceobjectives_img .Serviceobjectives_img_list .img_list_po{ position: absolute; bottom: 80px; right: 80px; text-align: right;} .Serviceobjectives .Serviceobjectives_img .Serviceobjectives_img_list .img_list_po .list_po_dd{ color: #fff;} .Serviceobjectives .Serviceobjectives_img .Serviceobjectives_img_list .img_list_po .list_po_dt{ color: #fff; opacity: .5; margin-top: 15px;} .Serviceobjectives .Serviceobjectives_content{ position: absolute; top: 0; width: 100%; left: 0; height: 100%; padding: 80px; display: flex; flex-direction: column; justify-content: center;} .Serviceobjectives .Serviceobjectives_content .Serviceobjectives_content_txt{ width: 100%; max-width: 100%;} .Serviceobjectives .Serviceobjectives_content .Serviceobjectives_content_txt.w600{ width: 600px;} .Serviceobjectives .Serviceobjectives_content .Serviceobjectives_content_txt.w430{ width: 430px;} .Serviceobjectives .Serviceobjectives_content .Serviceobjectives_content_txt.w650{ width: 650px;} .Serviceobjectives .Serviceobjectives_content .Serviceobjectives_content_txt.h352{ height: 352px;} .Serviceobjectives .Serviceobjectives_content .Serviceobjectives_content_txt .content_txt_list{ background: rgba(255,255,255,.1); border-radius: 5px; margin-bottom: 15px; padding: 25px;} .Serviceobjectives .Serviceobjectives_content .Serviceobjectives_content_txt .content_txt_list .txt_list_title{ display: flex; align-items: center; justify-content: space-between; cursor: pointer;} .Serviceobjectives .Serviceobjectives_content .Serviceobjectives_content_txt .content_txt_list .txt_list_title .list_title_dd{ color: #fff;} .Serviceobjectives .Serviceobjectives_content .Serviceobjectives_content_txt .content_txt_list .txt_list_title .list_title_dt span{ display: flex; align-items: center; position: relative; justify-content: center;} .Serviceobjectives .Serviceobjectives_content .Serviceobjectives_content_txt .content_txt_list .txt_list_title .list_title_dt span img:last-child{ position: absolute; left: 0; top: 0; opacity: 0;} .Serviceobjectives .Serviceobjectives_content .Serviceobjectives_content_txt .content_txt_list .txt_list_bottom{ border-top: 1px solid rgba(255,255,255,.12); padding-top: 25px; margin-top: 25px; display: none;} .Serviceobjectives .Serviceobjectives_content .Serviceobjectives_content_txt .content_txt_list .txt_list_bottom .list_bottom_title{ color: #fff; opacity: .6; margin-bottom: 35px;} .Serviceobjectives .Serviceobjectives_content .Serviceobjectives_content_txt .content_txt_list .txt_list_bottom .list_bottom_txt{ display: flex;} .Serviceobjectives .Serviceobjectives_content .Serviceobjectives_content_txt .content_txt_list .txt_list_bottom .list_bottom_txt .bottom_txt_li{ display: flex; align-items: center; margin-right: 45px;} .Serviceobjectives .Serviceobjectives_content .Serviceobjectives_content_txt .content_txt_list .txt_list_bottom .list_bottom_txt .bottom_txt_li:last-child{ margin-right: 0;} .Serviceobjectives .Serviceobjectives_content .Serviceobjectives_content_txt .content_txt_list .txt_list_bottom .list_bottom_txt .bottom_txt_li .txt_li_right{ color: #fff; margin-left: 12px;} .Serviceobjectives .Serviceobjectives_content .Serviceobjectives_content_txt .content_txt_list.active .txt_list_title .list_title_dd{ color: #f1893d;} .Serviceobjectives .Serviceobjectives_content .Serviceobjectives_content_txt .content_txt_list.active .txt_list_title .list_title_dt span img{ opacity: 0;} .Serviceobjectives .Serviceobjectives_content .Serviceobjectives_content_txt .content_txt_list.active .txt_list_title .list_title_dt span img:last-child{ opacity: 1;} .WebsiteCC .WebsiteCCContent{ overflow: hidden; position: relative;} .WebsiteCC .WebsiteCCContent .WebsiteCCContent_img{ display: flex;} .WebsiteCC .WebsiteCCContent .WebsiteCCContent_img img{ width: 100%;} .WebsiteCC .WebsiteCCContent .WebsiteCCContent_content{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: flex; align-items: center; justify-content: space-between;} .WebsiteCC .WebsiteCCContent .WebsiteCCContent_content .WebsiteCCContent_content_list{ width: 25%; height: 100%; display: flex; flex-direction: column; align-items: center; justify-content: center; border-right: 1px solid rgba(255,255,255,.1);} .WebsiteCC .WebsiteCCContent .WebsiteCCContent_content .WebsiteCCContent_content_list:last-child{ border-right: 0;} .WebsiteCC .WebsiteCCContent .WebsiteCCContent_content .WebsiteCCContent_content_list .content_list_icon{ display: flex; align-items: center; justify-content: center; margin-bottom: 30px; position: relative;} .WebsiteCC .WebsiteCCContent .WebsiteCCContent_content .WebsiteCCContent_content_list .content_list_icon span{ display: flex; align-items: center; justify-content: center; position: relative;} .WebsiteCC .WebsiteCCContent .WebsiteCCContent_content .WebsiteCCContent_content_list .content_list_icon span img:last-child{ position: absolute; left: 0; top: 0; opacity: 0;} .WebsiteCC .WebsiteCCContent .WebsiteCCContent_content .WebsiteCCContent_content_list .content_list_title{ text-align: center; position: relative; margin-bottom: -50px;} .WebsiteCC .WebsiteCCContent .WebsiteCCContent_content .WebsiteCCContent_content_list .content_list_title .list_title_dd{ color: #fff;} .WebsiteCC .WebsiteCCContent .WebsiteCCContent_content .WebsiteCCContent_content_list .content_list_title .list_title_dt{ color: #fff; opacity: .8; margin-top: 12px;} .WebsiteCC .WebsiteCCContent .WebsiteCCContent_content .WebsiteCCContent_content_list .content_list_txt{ margin-top: 30px; color: #fff; text-align: center; padding: 0px 12%; opacity: 0;} .WebsiteCC .WebsiteCCContent .WebsiteCCContent_content .WebsiteCCContent_content_list .content_list_icon2{ margin-top: 0px;} .WebsiteCC .WebsiteCCContent .WebsiteCCContent_content .WebsiteCCContent_content_list:hover{ background: rgba(255,255,255,.1); border-right: 1px solid rgba(255,255,255,0);} .WebsiteCC .WebsiteCCContent .WebsiteCCContent_content .WebsiteCCContent_content_list:hover .content_list_icon span img{ opacity: 0;} .WebsiteCC .WebsiteCCContent .WebsiteCCContent_content .WebsiteCCContent_content_list:hover .content_list_icon span img:last-child{ opacity: 1;} .WebsiteCC .WebsiteCCContent .WebsiteCCContent_content .WebsiteCCContent_content_list:hover .content_list_txt{ opacity: 1;} .WebsiteCC .WebsiteCCContent .WebsiteCCContent_content .WebsiteCCContent_content_list:hover .content_list_title{ margin-bottom: 0;} .WebsiteCC .WebsiteCCContent .WebsiteCCContent_content .WebsiteCCContent_content_list:hover .content_list_icon2{ margin-top: 44px;} .WebsiteCS .WebsiteCS_content{ display: flex; justify-content: space-between; flex-wrap: wrap;} .WebsiteCS .WebsiteCS_content .WebsiteCS_content_list{ width: calc(33.33% - 15px); background: #f2f2f2; border-radius: 5px; padding-bottom: 40px;} .WebsiteCS .WebsiteCS_content .WebsiteCS_content_list .content_list_img{ display: flex; border-radius: 5px 5px 0px 0px; overflow: hidden;;} .WebsiteCS .WebsiteCS_content .WebsiteCS_content_list .content_list_img img{ width: 100%; transform: scale(1);} .WebsiteCS .WebsiteCS_content .WebsiteCS_content_list .content_list_txt{ margin-top: 30px; padding: 0px 30px;} .WebsiteCS .WebsiteCS_content .WebsiteCS_content_list .content_list_txt .list_txt_dd{ color: #333333;} .WebsiteCS .WebsiteCS_content .WebsiteCS_content_list .content_list_txt .list_txt_dt{ color: #999999; margin-top: 6px; margin-bottom: 13px;} .WebsiteCS .WebsiteCS_content .WebsiteCS_content_list .content_list_txt .list_txt_p{ color: #666666;display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; } .WebsiteCS .WebsiteCS_content .WebsiteCS_content_list:hover{ background: #f1893d;} .WebsiteCS .WebsiteCS_content .WebsiteCS_content_list:hover .content_list_txt .list_txt_dd{ color: #fff;} .WebsiteCS .WebsiteCS_content .WebsiteCS_content_list:hover .content_list_txt .list_txt_dt{ color: #fff;} .WebsiteCS .WebsiteCS_content .WebsiteCS_content_list:hover .content_list_txt .list_txt_p{ color: #fff;} .WebsiteCS .WebsiteCS_content .WebsiteCS_content_list:hover .content_list_img img{ transform: scale(1.1);} @media screen and (max-width:1650px){ .title .title_right.icon img{ width: 240px;} .title .title_right.icon2 img{ width: 450px;} .title .title_left .title_left_p2.margintop40{ margin-top: 35px;} .BrandServices .BrandServicesContent .BrandServicesContent_list .BrandServicesContent_list_po{ padding: 45px;} .BrandServices .BrandServicesContent .BrandServicesContent_list .BrandServicesContent_list_po .BrandServicesContent_list_top .list_top_icon img{ height: 66px;} .BrandServices .BrandServicesContent .BrandServicesContent_list .BrandServicesContent_list_po .BrandServicesContent_list_top .list_top_icon{ margin-bottom: 36px;} .BrandServices .BrandServicesContent .BrandServicesContent_list .BrandServicesContent_list_po .BrandServicesContent_list_top .list_top_title{ margin-bottom: 18px;} .BrandServices .BrandServicesContent .BrandServicesContent_list .BrandServicesContent_list_po .BrandServicesContent_list_top{ padding-bottom: 28px; margin-bottom: 28px;} .Serviceobjectives .Serviceobjectives_content{ padding: 70px;} .Serviceobjectives .Serviceobjectives_img .Serviceobjectives_img_list .img_list_po{ right: 70px; bottom: 70px;} .Serviceobjectives .Serviceobjectives_content .Serviceobjectives_content_txt.w600{ width: 580px;} .Serviceobjectives .Serviceobjectives_content .Serviceobjectives_content_txt .content_txt_list .txt_list_bottom .list_bottom_title{ margin-bottom: 33px;} .Serviceobjectives .Serviceobjectives_content .Serviceobjectives_content_txt .content_txt_list .txt_list_title .list_title_dt span img{ width: 28px;} .Serviceobjectives .Serviceobjectives_content .Serviceobjectives_content_txt .content_txt_list .txt_list_bottom .list_bottom_txt .bottom_txt_li .txt_li_icon img{ height: 38px;} .WebsiteCC .WebsiteCCContent .WebsiteCCContent_content .WebsiteCCContent_content_list .content_list_icon{ margin-bottom: 28px;} .WebsiteCC .WebsiteCCContent .WebsiteCCContent_content .WebsiteCCContent_content_list .content_list_icon span img{ width: 55px;} } @media screen and (max-width:1550px){ .title .title_right.icon img{ width: 220px;} .title .title_right.icon2 img{ width: 400px;} .title .title_left .title_left_p2.margintop40{ margin-top: 30px;} .BrandServices .BrandServicesContent .BrandServicesContent_list .BrandServicesContent_list_po{ padding: 40px;} .BrandServices .BrandServicesContent .BrandServicesContent_list .BrandServicesContent_list_po .BrandServicesContent_list_top .list_top_icon img{ height: 62px;} .BrandServices .BrandServicesContent .BrandServicesContent_list .BrandServicesContent_list_po .BrandServicesContent_list_top .list_top_icon{ margin-bottom: 34px;} .BrandServices .BrandServicesContent .BrandServicesContent_list .BrandServicesContent_list_po .BrandServicesContent_list_top .list_top_title{ margin-bottom: 16px;} .BrandServices .BrandServicesContent .BrandServicesContent_list .BrandServicesContent_list_po .BrandServicesContent_list_top{ padding-bottom: 26px; margin-bottom: 26px;} .Serviceobjectives .Serviceobjectives_content{ padding: 60px;} .Serviceobjectives .Serviceobjectives_img .Serviceobjectives_img_list .img_list_po{ right: 60px; bottom: 60px;} .Serviceobjectives .Serviceobjectives_content .Serviceobjectives_content_txt.w600{ width: 560px;} .Serviceobjectives .Serviceobjectives_content .Serviceobjectives_content_txt .content_txt_list .txt_list_bottom .list_bottom_title{ margin-bottom: 30px;} .Serviceobjectives .Serviceobjectives_content .Serviceobjectives_content_txt .content_txt_list .txt_list_title .list_title_dt span img{ width: 26px;} .Serviceobjectives .Serviceobjectives_content .Serviceobjectives_content_txt .content_txt_list .txt_list_bottom .list_bottom_txt .bottom_txt_li .txt_li_icon img{ height: 36px;} .WebsiteCC .WebsiteCCContent .WebsiteCCContent_content .WebsiteCCContent_content_list .content_list_icon{ margin-bottom: 24px;} .WebsiteCC .WebsiteCCContent .WebsiteCCContent_content .WebsiteCCContent_content_list .content_list_icon span img{ width: 50px;} } @media screen and (max-width:1450px){ .title .title_right.icon img{ width: 200px;} .title .title_right.icon2 img{ width: 350px;} .title .title_left .title_left_p2.margintop40{ margin-top: 25px;} .BrandServices .BrandServicesContent .BrandServicesContent_list .BrandServicesContent_list_po{ padding: 35px;} .BrandServices .BrandServicesContent .BrandServicesContent_list .BrandServicesContent_list_po .BrandServicesContent_list_top .list_top_icon img{ height: 58px;} .BrandServices .BrandServicesContent .BrandServicesContent_list .BrandServicesContent_list_po .BrandServicesContent_list_top .list_top_icon{ margin-bottom: 32px;} .BrandServices .BrandServicesContent .BrandServicesContent_list .BrandServicesContent_list_po .BrandServicesContent_list_top .list_top_title{ margin-bottom: 14px;} .BrandServices .BrandServicesContent .BrandServicesContent_list .BrandServicesContent_list_po .BrandServicesContent_list_top{ padding-bottom: 24px; margin-bottom: 24px;} .Serviceobjectives .Serviceobjectives_content{ padding: 50px;} .Serviceobjectives .Serviceobjectives_img .Serviceobjectives_img_list .img_list_po{ right: 50px; bottom: 50px;} .Serviceobjectives .Serviceobjectives_content .Serviceobjectives_content_txt.w600{ width: 540px;} .Serviceobjectives .Serviceobjectives_content .Serviceobjectives_content_txt .content_txt_list .txt_list_bottom .list_bottom_title{ margin-bottom: 28px;} .Serviceobjectives .Serviceobjectives_content .Serviceobjectives_content_txt .content_txt_list .txt_list_title .list_title_dt span img{ width: 24px;} .Serviceobjectives .Serviceobjectives_content .Serviceobjectives_content_txt .content_txt_list .txt_list_bottom .list_bottom_txt .bottom_txt_li .txt_li_icon img{ height: 34px;} .WebsiteCC .WebsiteCCContent .WebsiteCCContent_content .WebsiteCCContent_content_list .content_list_icon{ margin-bottom: 20px;} .WebsiteCC .WebsiteCCContent .WebsiteCCContent_content .WebsiteCCContent_content_list .content_list_icon span img{ width: 45px;} } @media screen and (max-width:1366px){ .title .title_right.icon img{ width: 180px;} .title .title_right.icon2 img{ width: 300px;} .title .title_left .title_left_p2.margintop40{ margin-top: 20px;} .BrandServices .BrandServicesContent .BrandServicesContent_list .BrandServicesContent_list_po{ padding: 30px;} .BrandServices .BrandServicesContent .BrandServicesContent_list .BrandServicesContent_list_po .BrandServicesContent_list_top .list_top_icon img{ height: 54px;} .BrandServices .BrandServicesContent .BrandServicesContent_list .BrandServicesContent_list_po .BrandServicesContent_list_top .list_top_icon{ margin-bottom: 30px;} .BrandServices .BrandServicesContent .BrandServicesContent_list .BrandServicesContent_list_po .BrandServicesContent_list_top .list_top_title{ margin-bottom: 12px;} .BrandServices .BrandServicesContent .BrandServicesContent_list .BrandServicesContent_list_po .BrandServicesContent_list_top{ padding-bottom: 0px !important; margin-bottom: 0px !important; border-bottom: 0px;} .BrandServices .BrandServicesContent .BrandServicesContent_list .BrandServicesContent_list_po .BrandServicesContent_list_top .list_top_txt{ display: none;} .Serviceobjectives .Serviceobjectives_img .Serviceobjectives_img_list img{ height: 570px;} .Serviceobjectives .Serviceobjectives_content{ padding: 40px;} .Serviceobjectives .Serviceobjectives_img .Serviceobjectives_img_list .img_list_po{ right: 40px; bottom: 40px;} .Serviceobjectives .Serviceobjectives_content .Serviceobjectives_content_txt.w600{ width: 520px;} .Serviceobjectives .Serviceobjectives_content .Serviceobjectives_content_txt .content_txt_list .txt_list_bo.HPerception .HPerceptionContent .HPerceptionContent_list .HPerceptionContent_list_li .list_li_title .li_title_rightttom .list_bottom_title{ margin-bottom: 26px;} .Serviceobjectives .Serviceobjectives_content .Serviceobjectives_content_txt .content_txt_list .txt_list_title .list_title_dt span img{ width: 22px;} .Serviceobjectives .Serviceobjectives_content .Serviceobjectives_content_txt .content_txt_list .txt_list_bottom .list_bottom_txt .bottom_txt_li .txt_li_icon img{ height: 32px;} .WebsiteCC .WebsiteCCContent .WebsiteCCContent_content .WebsiteCCContent_content_list .content_list_icon{ margin-bottom: 18px;} .WebsiteCC .WebsiteCCContent .WebsiteCCContent_content .WebsiteCCContent_content_list .content_list_icon span img{ width: 40px;} .WebsiteCC .WebsiteCCContent .WebsiteCCContent_content .WebsiteCCContent_content_list:hover .content_list_icon2{ margin-top: 20px;} } @media screen and (max-width:1280px){ .title .title_right.icon img{ width: 160px;} .title .title_right.icon2 img{ width: 250px;} .title .title_left .title_left_p2.margintop40{ margin-top: 15px;} .BrandServices .BrandServicesContent .BrandServicesContent_list .BrandServicesContent_list_po .BrandServicesContent_list_top .list_top_icon img{ height: 50px;} .BrandServices .BrandServicesContent .BrandServicesContent_list .BrandServicesContent_list_po .BrandServicesContent_list_top .list_top_icon{ margin-bottom: 26px;} .BrandServices .BrandServicesContent .BrandServicesContent_list .BrandServicesContent_list_po .BrandServicesContent_list_top{ padding-bottom: 20px; margin-bottom: 20px;} .Serviceobjectives .Serviceobjectives_content .Serviceobjectives_content_txt.w600{ width: 500px;} .Serviceobjectives .Serviceobjectives_content .Serviceobjectives_content_txt .content_txt_list .txt_list_bottom .list_bottom_title{ margin-bottom: 25px;} .Serviceobjectives .Serviceobjectives_content .Serviceobjectives_content_txt .content_txt_list .txt_list_title .list_title_dt span img{ width: 21px;} .Serviceobjectives .Serviceobjectives_content .Serviceobjectives_content_txt .content_txt_list .txt_list_bottom .list_bottom_txt .bottom_txt_li .txt_li_icon img{ height: 30px;} } @media screen and (max-width:1200px){ .BrandServices .BrandServicesContent .BrandServicesContent_list .BrandServicesContent_list_po .BrandServicesContent_list_bottom .list_bottom_li{ margin-right: 70px;} .Serviceobjectives .Serviceobjectives_content .Serviceobjectives_content_txt.w600{ width: 450px;} } @media screen and (max-width:1024px){ /*ipad-y*/ .BrandServices .BrandServicesContent .BrandServicesContent_list .BrandServicesContent_list_po .BrandServicesContent_list_bottom .list_bottom_li{ margin-right: 60px;} .BrandServices .BrandServicesContent .BrandServicesContent_list .BrandServicesContent_list_po .BrandServicesContent_list_bottom .list_bottom_li .bottom_li_dd a{ line-height: 1.3;} .Serviceobjectives .Serviceobjectives_content .Serviceobjectives_content_txt.w600{ width: 400px;} .WebsiteCC .WebsiteCCContent .WebsiteCCContent_img img{ object-fit: cover;} } @media screen and (max-width:980px){ /*ipad-x*/ .BrandServices .BrandServicesContent .BrandServicesContent_list .BrandServicesContent_list_po .BrandServicesContent_list_bottom .list_bottom_li{ margin-right: 50px;} .Serviceobjectives .Serviceobjectives_content{ justify-content: flex-start;} } @media screen and (max-width:766px){ /*iphone*/ .BrandServices .BrandServicesContent{ flex-wrap: wrap;} .BrandServices .BrandServicesContent .BrandServicesContent_list{ margin-bottom: 25px;} .BrandServices .BrandServicesContent .BrandServicesContent_list:last-child{ margin-bottom: 0;} .BrandServices .BrandServicesContent .BrandServicesContent_list .BrandServicesContent_list_img img{ height: 450px;} .BrandServices .BrandServicesContent .BrandServicesContent_list,.BrandServices .BrandServicesContent .BrandServicesContent_list.active{ width: 100%;} .BrandServices .BrandServicesContent .BrandServicesContent_list .BrandServicesContent_list_po{ padding: 0px 30px;} .BrandServices .BrandServicesContent .BrandServicesContent_list .BrandServicesContent_list_po .BrandServicesContent_list_top{padding-bottom: 20px !important; margin-bottom: 20px !important; border-bottom: 1px solid rgba(255,255,255,.2);} .BrandServices .BrandServicesContent .BrandServicesContent_list .BrandServicesContent_list_po .BrandServicesContent_list_top .list_top_txt{ display: block;} .Serviceobjectives .Serviceobjectives_content{ padding: 32px;} .Serviceobjectives .Serviceobjectives_img .Serviceobjectives_img_list img{ height: 700px; opacity: .4;} .Serviceobjectives .Serviceobjectives_content .Serviceobjectives_content_txt.w600{ width: 100%;} .Serviceobjectives .Serviceobjectives_img .Serviceobjectives_img_list .img_list_po{ text-align: left; width: 100%; right: 0; padding: 32px; bottom: 0;} .Serviceobjectives .Serviceobjectives_content .Serviceobjectives_content_txt .content_txt_list .txt_list_bottom .list_bottom_txt{ justify-content: space-between;} .Serviceobjectives .Serviceobjectives_content .Serviceobjectives_content_txt .content_txt_list .txt_list_bottom .list_bottom_txt .bottom_txt_li{ margin-right: 0; display: block; width: 48%;} .Serviceobjectives .Serviceobjectives_content .Serviceobjectives_content_txt .content_txt_list .txt_list_bottom .list_bottom_txt .bottom_txt_li .txt_li_right{ margin-left: 0; margin-top: 12px;} .Serviceobjectives .Serviceobjectives_content .Serviceobjectives_content_txt .content_txt_list .txt_list_bottom{ margin-top: 15px; padding-top: 15px;} .Serviceobjectives .Serviceobjectives_content .Serviceobjectives_content_txt .content_txt_list{ padding: 20px;} .WebsiteCC .WebsiteCCContent .WebsiteCCContent_img{ background: #000;} .WebsiteCC .WebsiteCCContent .WebsiteCCContent_img img{ height: 790px; opacity: .5;} .WebsiteCC .WebsiteCCContent .WebsiteCCContent_content{ flex-wrap: wrap;} .WebsiteCC .WebsiteCCContent .WebsiteCCContent_content .WebsiteCCContent_content_list:nth-child(1),.WebsiteCC .WebsiteCCContent .WebsiteCCContent_content .WebsiteCCContent_content_list:nth-child(2){ border-bottom: 1px solid rgba(255,255,255,.1);} .WebsiteCC .WebsiteCCContent .WebsiteCCContent_content .WebsiteCCContent_content_list .content_list_txt{ opacity: 1; margin-top: 20px !important;} .WebsiteCC .WebsiteCCContent .WebsiteCCContent_content .WebsiteCCContent_content_list{ width: 50%; height: 50%;} .WebsiteCC .WebsiteCCContent .WebsiteCCContent_content .WebsiteCCContent_content_list .content_list_title{ margin-bottom: 0;} .WebsiteCC .WebsiteCCContent .WebsiteCCContent_content .WebsiteCCContent_content_list .content_list_icon2{ margin-top: 20px !important;} } /* 网站建设&数字化建设 */ .SiteSLayout .pc_all_content{ display: flex; justify-content: space-between;} .SiteSLayout .pc_all_content .SiteSLayout_left{width: 28%;} .SiteSLayout .pc_all_content .SiteSLayout_left.flex{ display: flex; flex-direction: column; justify-content: space-between;} .SiteSLayout .pc_all_content .SiteSLayout_left .SiteSLayout_left_content .left_content_list{ padding: 23px 0px; border-top: 1px solid #e1e1e1;} .SiteSLayout .pc_all_content .SiteSLayout_left .SiteSLayout_left_content .left_content_list:last-child{ border-bottom: 1px solid #e1e1e1;} .SiteSLayout .pc_all_content .SiteSLayout_left .SiteSLayout_left_content .left_content_list .content_list_title{ color: #333333; display: flex; align-items: center;} .SiteSLayout .pc_all_content .SiteSLayout_left .SiteSLayout_left_content .left_content_list .content_list_title img{ margin-right: 7px;} .SiteSLayout .pc_all_content .SiteSLayout_left .SiteSLayout_left_content .left_content_list .content_list_title span{ opacity: .45; margin-left: 10px;} .SiteSLayout .pc_all_content .SiteSLayout_left .SiteSLayout_left_content .left_content_list .content_list_txt{ margin-top: 20px; display: flex; flex-wrap: wrap; display: none; padding-left: 19px;} .SiteSLayout .pc_all_content .SiteSLayout_left .SiteSLayout_left_content .left_content_list .content_list_txt .list_txt_li{ color: #666666; margin-right: 30px;} .SiteSLayout .pc_all_content .SiteSLayout_left .SiteSLayout_left_content .left_content_list .content_list_txt .list_txt_li:last-child{ margin-right: 0;} .SiteSLayout .pc_all_content .SiteSLayout_left .SiteSLayout_left_content .left_content_list.active{ padding-bottom: 40px;} .SiteSLayout .pc_all_content .SiteSLayout_left .SiteSLayout_left_content .left_content_list.active .content_list_txt{ display: flex;} .SiteSLayout .pc_all_content .SiteSLayout_right{ display: block; width: 67%; border-radius: 5px; overflow: hidden; background: #666;} .SiteSLayout .pc_all_content .SiteSLayout_right .SiteSLayout_right_list{ width: 100%; display: flex; position: relative; display: none; height: 100%;} .SiteSLayout .pc_all_content .SiteSLayout_right .SiteSLayout_right_list .right_list_img{ display: flex; width: 100%; height: 100%;} .SiteSLayout .pc_all_content .SiteSLayout_right .SiteSLayout_right_list .right_list_img img{ width: 100%; height: 100%; object-fit: cover;} .SiteSLayout .pc_all_content .SiteSLayout_right .SiteSLayout_right_list .right_list_title{ position: absolute; bottom: 0; left: 0; padding: 40px;} .SiteSLayout .pc_all_content .SiteSLayout_right .SiteSLayout_right_list .right_list_title .list_title_dd{ color: #fff; display: flex; align-items: center;} .SiteSLayout .pc_all_content .SiteSLayout_right .SiteSLayout_right_list .right_list_title .list_title_dd img{ margin-right: 7px;} .SiteSLayout .pc_all_content .SiteSLayout_right .SiteSLayout_right_list .right_list_title .list_title_dt{ color: #fff; margin-top: 16px; padding-left: 20px;} .SiteSLayout .pc_all_content .SiteSLayout_right .SiteSLayout_right_list.active{ display: flex;} .digitalization{ background: url(../images/bg19.jpg) no-repeat 50%/cover; height: 40.3775vw; display: flex; align-items: center; justify-content: center;} .digitalization .digitalization_content{ display: flex; justify-content: center;} .digitalization .digitalization_content .digitalization_content_con{ display: flex; justify-content: center; align-items: flex-start; -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; } .digitalization .digitalization_content .digitalization_content_con: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; } .digitalization .digitalization_content .digitalization_content_con .content_con_list{ width: 390px; border-radius: 6px; padding: 42px 32px; position: relative;} .digitalization .digitalization_content .digitalization_content_con .content_con_list .con_list_icon{ position: absolute; bottom: -13px; left: 51px;} .digitalization .digitalization_content .digitalization_content_con .content_con_list .con_list_title{ color: #fff; display: flex; align-items: center; position: relative;} .digitalization .digitalization_content .digitalization_content_con .content_con_list .con_list_txt{ color: #fff; opacity: .3;} .digitalization .digitalization_content .digitalization_content_con .content_con_list:first-child{ background: #515151; margin-top: 90px; margin-right: -51px; z-index: 2;} .digitalization .digitalization_content .digitalization_content_con .content_con_list:first-child .con_list_title img{ margin-left: 8px;} .digitalization .digitalization_content .digitalization_content_con .content_con_list:first-child .con_list_txt{ margin-top: 13px;} .digitalization .digitalization_content .digitalization_content_con .content_con_list:last-child{ text-align: right; background: #f18c34;} .digitalization .digitalization_content .digitalization_content_con .content_con_list:last-child .con_list_txt{ margin-bottom: 13px;} .digitalization .digitalization_content .digitalization_content_con .content_con_list:last-child .con_list_title{ justify-content: flex-end;} .digitalization .digitalization_content .digitalization_content_con .content_con_list:last-child .con_list_title img{ margin-right: 8px;} .digitalization .digitalization_content .digitalization_content_con .content_con_list:first-child::before{ content: ""; width: 51px; height: 51px; border-radius: 0px 6px 0px 6px; background: #91541f url(../images/bn40.png) no-repeat 50% 50%; display: inline-block; position: absolute; top: 0;right: 0; background-size: 16px;} .DOperation .DOperation_content{ display: flex; justify-content: space-between;} .DOperation .DOperation_content .DOperation_content_list{ background: #fff; width: calc(25% - 15px); border-radius: 10px; border-top: 3px solid #f1893d; padding: 44px 40px;} .DOperation .DOperation_content .DOperation_content_list:hover{ background: #f18c34;} .DOperation .DOperation_content .DOperation_content_list .content_list_icon{ margin-bottom: 100px; display: flex;} .DOperation .DOperation_content .DOperation_content_list .content_list_icon span{ display: flex; position: relative; align-items: center; justify-content: center;} .DOperation .DOperation_content .DOperation_content_list .content_list_icon span img:last-child{ position: absolute; left: 0; top: 0; opacity: 0;} .DOperation .DOperation_content .DOperation_content_list .content_list_title{ padding-bottom: 28px; margin-bottom: 28px; border-bottom: 1px solid #efefef;} .DOperation .DOperation_content .DOperation_content_list .content_list_title .list_title_dd{ color: #dedede;} .DOperation .DOperation_content .DOperation_content_list .content_list_title .list_title_dt{ color: #333333; margin-top: 9px;} .DOperation .DOperation_content .DOperation_content_list .content_list_txt p{ margin-bottom: 15px;} .DOperation .DOperation_content .DOperation_content_list .content_list_txt p:last-child{ margin-bottom: 0;} .DOperation .DOperation_content .DOperation_content_list .content_list_txt p a{ color: #666666;} .DOperation .DOperation_content .DOperation_content_list:hover .content_list_title{ border-bottom: 1px solid rgba(255,255,255,.16);} .DOperation .DOperation_content .DOperation_content_list:hover .content_list_title .list_title_dd{ color: #fff;} .DOperation .DOperation_content .DOperation_content_list:hover .content_list_title .list_title_dt{ color: #fff;} .DOperation .DOperation_content .DOperation_content_list:hover .content_list_txt p a{ color: #fff;} .DOperation .DOperation_content .DOperation_content_list:hover .content_list_icon span img{ opacity: 0;} .DOperation .DOperation_content .DOperation_content_list:hover .content_list_icon span img:last-child{ opacity: 1;} .BView .pc_all_content{ border-radius: 10px; overflow: hidden; display: flex;} .BView .pc_all_content .BView_left{ background: #2c2c2c; width: 33.333%; padding: 50px;display: flex; flex-direction: column; justify-content: center; padding-right: 100px;} .BView .pc_all_content .BView_left .BView_left_title{ color: #fff; position: relative; top: 0;} .BView .pc_all_content .BView_left .BView_left_txt{ color: #fff; margin-top: 20px; margin-bottom: 55px; line-height: 1.4; position: relative; top: 0;} .BView .pc_all_content .BView_left:hover .BView_left_title{ top: -15px;} .BView .pc_all_content .BView_left:hover .BView_left_txt{ top: -15px;} .BView .pc_all_content .BView_left .BView_left_btn{ display: flex;} .BView .pc_all_content .BView_center{ background: #000; width: 33.333%; position: relative;} .BView .pc_all_content .BView_center .BView_center_img{ height: 100%;} .BView .pc_all_content .BView_center .BView_center_img img{ width: 100%; height: 100%; object-fit: cover;} .BView .pc_all_content .BView_center .BView_center_po{ position: absolute; bottom: 0; left: 0; padding: 50px;} .BView .pc_all_content .BView_center:hover .BView_center_po{ bottom: 20px;} .BView .pc_all_content .BView_center .BView_center_po .center_po_dd{ color: #fff;} .BView .pc_all_content .BView_center .BView_center_po .center_po_dt{ color: #fff; margin-top: 15px;} .BView .pc_all_content .BView_right{ background: #f1893d; width: 33.333%; padding: 50px; display: flex; flex-direction: column; justify-content: center;} .BView .pc_all_content .BView_right .BView_right_title{ position: relative; margin-bottom: 22px; padding-bottom: 22px; top: 0;} .BView .pc_all_content .BView_right .BView_right_title::before{ content: ""; display: inline-block; width: 42px; height: 2px; background: rgba(255,255,255,.2); position: absolute; bottom: 0; left: 0;} .BView .pc_all_content .BView_right .BView_right_title .right_title_dd{color: #fff;} .BView .pc_all_content .BView_right .BView_right_title .right_title_dt{color: #fff; margin-top: 15px;} .BView .pc_all_content .BView_right .BView_right_txt{ color: #fff; top: 0; position: relative;} .BView .pc_all_content .BView_right .BView_right_txt p{ margin-bottom: 15px; line-height: 1.4;} .BView .pc_all_content .BView_right .BView_right_txt p:last-child{ margin-bottom: 0px;} .BView .pc_all_content .BView_right .BView_right_btn{ display: flex; margin-top: 50px;} .BView .pc_all_content .BView_right:hover .BView_right_title{ top: -15px;} .BView .pc_all_content .BView_right:hover .BView_right_txt{ top: -15px;} @media screen and (max-width:1650px){ .banner.banner2{ margin-right: 55px;} .SiteSLayout .pc_all_content .SiteSLayout_left{ width: 29%;} .SiteSLayout .pc_all_content .SiteSLayout_right{ width: 66%;} .DOperation .DOperation_content .DOperation_content_list{ padding: 40px 36px;} .DOperation .DOperation_content .DOperation_content_list .content_list_icon{ margin-bottom: 90px;} .DOperation .DOperation_content .DOperation_content_list .content_list_icon span img{ height: 65px;} .DOperation .DOperation_content .DOperation_content_list .content_list_title{ margin-bottom: 26px; padding-bottom: 26px;} .BView .pc_all_content .BView_left,.BView .pc_all_content .BView_center .BView_center_po,.BView .pc_all_content .BView_right{ padding: 45px;} } @media screen and (max-width:1550px){ .banner.banner2{ margin-right: 50px;} .SiteSLayout .pc_all_content .SiteSLayout_left{ width: 30%;} .SiteSLayout .pc_all_content .SiteSLayout_right{ width: 65%;} .DOperation .DOperation_content .DOperation_content_list{ padding: 36px 32px;} .DOperation .DOperation_content .DOperation_content_list .content_list_icon{ margin-bottom: 80px;} .DOperation .DOperation_content .DOperation_content_list .content_list_icon span img{ height: 60px;} .DOperation .DOperation_content .DOperation_content_list .content_list_title{ margin-bottom: 24px; padding-bottom: 24px;} .BView .pc_all_content .BView_left,.BView .pc_all_content .BView_center .BView_center_po,.BView .pc_all_content .BView_right{ padding: 40px;} } @media screen and (max-width:1450px){ .banner.banner2{ margin-right: 45px;} .SiteSLayout .pc_all_content .SiteSLayout_left{ width: 31%;} .SiteSLayout .pc_all_content .SiteSLayout_right{ width: 64%;} .DOperation .DOperation_content .DOperation_content_list{ padding: 32px 28px;} .DOperation .DOperation_content .DOperation_content_list .content_list_icon{ margin-bottom: 70px;} .DOperation .DOperation_content .DOperation_content_list .content_list_icon span img{ height: 55px;} .DOperation .DOperation_content .DOperation_content_list .content_list_title{ margin-bottom: 22px; padding-bottom: 22px;} .BView .pc_all_content .BView_left,.BView .pc_all_content .BView_center .BView_center_po,.BView .pc_all_content .BView_right{ padding: 35px;} } @media screen and (max-width:1366px){ .banner.banner2{ margin-right: 40px;} .SiteSLayout .pc_all_content .SiteSLayout_left{ width: 32%;} .SiteSLayout .pc_all_content .SiteSLayout_right{ width: 63%;} .DOperation .DOperation_content .DOperation_content_list{ padding: 28px 24px;} .DOperation .DOperation_content .DOperation_content_list .content_list_icon{ margin-bottom: 60px;} .DOperation .DOperation_content .DOperation_content_list .content_list_icon span img{ height: 50px;} .DOperation .DOperation_content .DOperation_content_list .content_list_title{ margin-bottom: 20px; padding-bottom: 20px;} .BView .pc_all_content .BView_left,.BView .pc_all_content .BView_center .BView_center_po,.BView .pc_all_content .BView_right{ padding: 30px;} } @media screen and (max-width:1280px){ .banner.banner2{ margin-right: 35px;} .SiteSLayout .pc_all_content .SiteSLayout_left{ width: 33%;} .SiteSLayout .pc_all_content .SiteSLayout_right{ width: 62%;} .DOperation .DOperation_content .DOperation_content_list{ padding: 24px 20px;} .DOperation .DOperation_content .DOperation_content_list .content_list_icon{ margin-bottom: 50px;} .DOperation .DOperation_content .DOperation_content_list .content_list_icon span img{ height: 45px;} .DOperation .DOperation_content .DOperation_content_list .content_list_title{ margin-bottom: 20px; padding-bottom: 20px;} .BView .pc_all_content .BView_left,.BView .pc_all_content .BView_center .BView_center_po,.BView .pc_all_content .BView_right{ padding: 25px;} .BView .pc_all_content .BView_center .BView_center_po .center_po_dt,.BView .pc_all_content .BView_right .BView_right_title .right_title_dt{ line-height: 1.5;} } @media screen and (max-width:1200px){ .SiteSLayout .pc_all_content .SiteSLayout_left{ width: 34%;} .SiteSLayout .pc_all_content .SiteSLayout_right{ width: 61%;} .DOperation .DOperation_content .DOperation_content_list .content_list_icon{ margin-bottom: 40px;} } @media screen and (max-width:1024px){ /*ipad-y*/ .SiteSLayout .pc_all_content .SiteSLayout_left{ width: 37%;} .SiteSLayout .pc_all_content .SiteSLayout_right{ width: 58%;} .SiteSLayout .pc_all_content .SiteSLayout_left .SiteSLayout_left_content .left_content_list .content_list_txt .list_txt_li{ margin-right: 20px;} .DOperation .DOperation_content .DOperation_content_list .content_list_icon{ margin-bottom: 30px;} } @media screen and (max-width:980px){ /*ipad-x*/ .banner .banner_list .banner_list_po .list_po_bottom .po_bottom_list .bottom_list_icon span img{ height: 40px;} .SiteSLayout .pc_all_content .SiteSLayout_left{ width: 40%;} .SiteSLayout .pc_all_content .SiteSLayout_right{ width: 55%;} .SiteSLayout .pc_all_content .SiteSLayout_left .SiteSLayout_left_content .left_content_list .content_list_txt .list_txt_li{ margin-right: 10px;} .DOperation .DOperation_content .DOperation_content_list{ width: calc(25% - 5px);} .BView .pc_all_content .BView_right .BView_right_title{ margin-bottom: 12px; padding-bottom: 12px;} .BView .pc_all_content .BView_right .BView_right_txt p{ margin-bottom: 10px;} .BView .pc_all_content .BView_right .BView_right_btn{ margin-top: 20px;} } @media screen and (max-width:766px){ /*iphone*/ .banner.banner2 .banner_list .banner_list_po{ left: 0; right: 0;} .title .title_left .title_left_dt.dflex .left_dt_dt{ margin-top: 15px;} .banner .banner_list .banner_list_po .list_po_bottom .po_bottom_list{ padding: 11px;} .banner .banner_list .banner_list_po .list_po_bottom .po_bottom_list .bottom_list_icon span img{ height: 33px;} .banner .banner_list .banner_list_po .list_po_bottom .po_bottom_list .bottom_list_title{ line-height: 1.5; margin-top: 11px;} .Btn2 span{ font-size: 14px; margin: 0 11px;} .Btn2 i img{ height: 36px;} .SiteSLayout .pc_all_content{ flex-wrap: wrap;} .SiteSLayout .pc_all_content .SiteSLayout_left{ margin-bottom: 33px;} .SiteSLayout .pc_all_content .SiteSLayout_left,.SiteSLayout .pc_all_content .SiteSLayout_right{ width: 100%;} .SiteSLayout .pc_all_content .SiteSLayout_left .SiteSLayout_left_content .left_content_list .content_list_txt{ display: flex;} .SiteSLayout .pc_all_content .SiteSLayout_left .SiteSLayout_left_content .left_content_list.active{ padding-bottom: 23px;} .digitalization{ height: 575px;} .digitalization .digitalization_content .digitalization_content_con .content_con_list{ width: 100%; padding: 20px;} .digitalization .digitalization_content .digitalization_content_con:hover{ -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; } .digitalization .digitalization_content .digitalization_content_con .content_con_list:first-child{ margin-right: -31px; } .digitalization .digitalization_content .digitalization_content_con .content_con_list:first-child::before{ width: 31px; height: 31px; background-size: 8px;} .DOperation .DOperation_content{ flex-wrap: wrap;} .DOperation .DOperation_content .DOperation_content_list{ width: 100%; margin-bottom: 22px; padding: 25px;} .DOperation .DOperation_content .DOperation_content_list:last-child{ margin-bottom: 0;} .DOperation .DOperation_content .DOperation_content_list .content_list_icon{ margin-bottom: 25px;} .DOperation .DOperation_content .DOperation_content_list .content_list_icon span img{ height: 53px;} .DOperation .DOperation_content .DOperation_content_list .content_list_title{ margin-bottom: 20px; padding-bottom: 20px;} .BView .pc_all_content{ flex-wrap: wrap;} .BView .pc_all_content .BView_left,.BView .pc_all_content .BView_center,.BView .pc_all_content .BView_right{ width: 100%; padding: 30px;} .BView .pc_all_content .BView_left .BView_left_txt{ margin-bottom: 30px; margin-top: 15px; font-size: 16px;} .BView .pc_all_content .BView_center{ padding: 0;} .BView .pc_all_content .BView_center .BView_center_po{ padding: 30px;} .BView .pc_all_content .BView_right .BView_right_txt p{ margin-bottom: 8px;} .BView .pc_all_content .BView_right .BView_right_btn{ margin-top: 25px;} } /* 品牌传播&数字化传播 */ .BrandDC .pc_all_content .SiteSLayout_left .SiteSLayout_left_content .left_content_lists:first-child{ padding-top: 0;} .BrandDC .pc_all_content .SiteSLayout_left .SiteSLayout_left_content .left_content_lists{ display: flex; padding: 21px 0px; border-bottom: 1px solid #eeeeee; align-items: center; cursor: pointer; justify-content: space-between;} .BrandDC .pc_all_content .SiteSLayout_left .SiteSLayout_left_content .left_content_lists .list_title_icon{ width: 62px; display: flex; align-items: center; justify-content: center; position: relative;} .BrandDC .pc_all_content .SiteSLayout_left .SiteSLayout_left_content .left_content_lists .list_title_icon span{ display: flex; align-items: center; justify-content: center; position: relative;} .BrandDC .pc_all_content .SiteSLayout_left .SiteSLayout_left_content .left_content_lists .list_title_icon span img:last-child{ position: absolute; left: 0; top: 0; opacity: 0;} .BrandDC .pc_all_content .SiteSLayout_left .SiteSLayout_left_content .left_content_lists .list_title_right{ width: calc(100% - 72px);} .BrandDC .pc_all_content .SiteSLayout_left .SiteSLayout_left_content .left_content_lists .list_title_right .title_right_dd{ color: #333333;} .BrandDC .pc_all_content .SiteSLayout_left .SiteSLayout_left_content .left_content_lists .list_title_right .title_right_dt{ color: #cccccc; margin-top: 5px;} .BrandDC .pc_all_content .SiteSLayout_left .SiteSLayout_left_content .left_content_lists.active .list_title_icon span img{ opacity: 0;} .BrandDC .pc_all_content .SiteSLayout_left .SiteSLayout_left_content .left_content_lists.active .list_title_icon span img:last-child{ opacity: 1;} .BrandDC .pc_all_content .SiteSLayout_left .SiteSLayout_left_content .left_content_lists.active .list_title_right .title_right_dd{ color: #f18c34;} .BrandDC .pc_all_content .SiteSLayout_left .SiteSLayout_left_content .left_content_lists.active .list_title_right .title_right_dt{ color: #f18c34;} .DigitalDS{ position: relative;} .DigitalDS .DigitalDS_img{ display: flex;} .DigitalDS .DigitalDS_img img{ width: 100%; height: auto; object-fit: cover;} .DigitalDS .pc_all_content{ position: absolute; top: 0; left: 0; right: 0; height: 100%; display: flex; flex-direction: column; justify-content: center;} .DigitalDS .DigitalDS_content{ width: 40%;} .DigitalDS .DigitalDS_content .DigitalDS_content_list{ border-bottom: 1px solid rgba(255,255,255,.3); display: flex; align-items: flex-start; padding: 26px 0px;} .DigitalDS .DigitalDS_content .DigitalDS_content_list:first-child{ padding-top: 0;} .DigitalDS .DigitalDS_content .DigitalDS_content_list .content_list_left{ opacity: .3; color: #fff; margin-top: -1px;} .DigitalDS .DigitalDS_content .DigitalDS_content_list .content_list_right{ margin-left: 22px;} .DigitalDS .DigitalDS_content .DigitalDS_content_list .content_list_right .list_right_dd{ color: #fff; display: flex; align-items: center;} .DigitalDS .DigitalDS_content .DigitalDS_content_list .content_list_right .list_right_dd img{ margin-left: 6px; opacity: 0;} .DigitalDS .DigitalDS_content .DigitalDS_content_list .content_list_right .list_right_dt{ color: #fff; opacity: .8; margin-top: 12px; display: none;} .DigitalDS .DigitalDS_content .DigitalDS_content_list.active .content_list_right .list_right_dt{ display: block;} .DigitalDS .DigitalDS_content .DigitalDS_content_list.active .content_list_right .list_right_dd{ color: #f18c34;} .DigitalDS .DigitalDS_content .DigitalDS_content_list.active .content_list_right .list_right_dd img{ opacity: 1;} .Transmission{ background: url(../images/bg24.jpg) no-repeat 50%/cover; display: flex; align-items:center; height: 41.2111vw;} .Transmission .Transmission_content{ display: flex; flex-wrap: wrap; justify-content: space-between;} .Transmission .Transmission_content .Transmission_content_list{ width: calc(33.33% - 35px); background: #fff; border-radius: 10px; text-align: center; padding-top: 40px; padding-bottom: 60px; position: relative;} .Transmission .Transmission_content .Transmission_content_list::before{ content: ""; display: inline-block; width: 61px; height: 77px; background-image: url(../images/bn54.png); background-size: 61px; background-repeat: no-repeat; background-position: center; position: absolute; right: -48px; top: 48%; transform: translateY(-50%);} .Transmission .Transmission_content .Transmission_content_list:last-child:before{ display: none;} .Transmission .Transmission_content .Transmission_content_list .content_list_icon{ display: flex; align-items: center; justify-content: center;} .Transmission .Transmission_content .Transmission_content_list .content_list_icon span{ display: flex; align-items: center; justify-content: center; position: relative;} .Transmission .Transmission_content .Transmission_content_list .content_list_icon span img{ height: 77px;} .Transmission .Transmission_content .Transmission_content_list .content_list_icon span img:last-child{ position: absolute; left: 0; top: 0; opacity: 0;} .Transmission .Transmission_content .Transmission_content_list .content_list_icon2{ margin-top: 44px; margin-bottom: 55px; height: 1px; background: #eeeeee; width: 100%; display: flex; align-items: center; justify-content: center;} .Transmission .Transmission_content .Transmission_content_list .content_list_icon2 span{ display: flex; align-items: center; justify-content: center; position: relative;} .Transmission .Transmission_content .Transmission_content_list .content_list_icon2 span img:last-child{ position: absolute; left: 0; top: 0; opacity: 0;} .Transmission .Transmission_content .Transmission_content_list .content_list_title .list_title_dd{ margin-bottom: 12px; color: #333333;} .Transmission .Transmission_content .Transmission_content_list .content_list_title .list_title_dt{ color: #666666;} .Transmission .Transmission_content .Transmission_content_list:hover{ background: #f1893d;} .Transmission .Transmission_content .Transmission_content_list:hover .content_list_icon2{ background: rgba(238,238,238,.15);} .Transmission .Transmission_content .Transmission_content_list:hover .content_list_icon span img{ opacity: 0;} .Transmission .Transmission_content .Transmission_content_list:hover .content_list_icon span img:last-child{ opacity: 1;} .Transmission .Transmission_content .Transmission_content_list:hover .content_list_icon2 span img{ opacity: 0;} .Transmission .Transmission_content .Transmission_content_list:hover .content_list_icon2 span img:last-child{ opacity: 1;} .Transmission .Transmission_content .Transmission_content_list:hover .content_list_title .list_title_dd{ color: #fff;} .Transmission .Transmission_content .Transmission_content_list:hover .content_list_title .list_title_dt{ color: #fff;} .VisualDC .VisualDC_content{ display: flex; flex-wrap: wrap; border-radius: 10px; overflow: hidden;} .VisualDC .VisualDC_content .VisualDC_content_list{ width: 35%; position: relative;} .VisualDC .VisualDC_content .VisualDC_content_list .content_list_img{ display: flex; background: #2c2c2c; height: 100%; overflow: hidden;} .VisualDC .VisualDC_content .VisualDC_content_list .content_list_img img{ width: 100%; height: 31.26vw; object-fit: cover; opacity: 0;} .VisualDC .VisualDC_content .VisualDC_content_list .content_list_po{ position: absolute; bottom: 0; left: 0; padding: 30px 50px;} .VisualDC .VisualDC_content .VisualDC_content_list .content_list_po .list_po_icon span{ display: block; align-items: center; justify-content: center; position: relative;} .VisualDC .VisualDC_content .VisualDC_content_list .content_list_po .list_po_icon span img:last-child{ opacity: 0; position: absolute; left: 0; top: 0;} .VisualDC .VisualDC_content .VisualDC_content_list .content_list_po .list_po_title{ color: #fff; margin-top: 31px; margin-bottom: 20px;} .VisualDC .VisualDC_content .VisualDC_content_list .content_list_po .list_po_txt{ color: #fff; opacity: .4; margin-bottom: 40px;} .VisualDC .VisualDC_content .VisualDC_content_list .content_list_po .list_po_icon2{ height: 0px; overflow: hidden; opacity: 0; } .VisualDC .VisualDC_content .VisualDC_content_list .content_list_po .list_po_icon2 img{ height: 100%; object-fit: cover; max-width: 100%;} .VisualDC .VisualDC_content .VisualDC_content_list .content_list_Plan{ position: absolute; right: 75px; top: 54px; text-transform: uppercase; display: flex; align-items: center; opacity: 0.2; color: #fff;} .VisualDC .VisualDC_content .VisualDC_content_list .content_list_Plan span{ margin-left: 15px;} .VisualDC .VisualDC_content .VisualDC_content_list.active{ width: 65%;} .VisualDC .VisualDC_content .VisualDC_content_list.active .content_list_img img{ opacity: 1;} .VisualDC .VisualDC_content .VisualDC_content_list.active .content_list_po{ width: 52%;} .VisualDC .VisualDC_content .VisualDC_content_list.active .content_list_po .list_po_txt{ opacity: .8; margin-bottom: 104px;} .VisualDC .VisualDC_content .VisualDC_content_list.active .content_list_po .list_po_icon2{ height: 77px; opacity: 1;} .VisualDC .VisualDC_content .VisualDC_content_list.active .content_list_po .list_po_icon span img{ opacity: 0;} .VisualDC .VisualDC_content .VisualDC_content_list.active .content_list_po .list_po_icon span img:last-child{ opacity: 1;} .VisualDC .VisualDC_content .VisualDC_content_list.active .content_list_Plan{ opacity: 0;} @media screen and (max-width:1650px){ .title .title_left .title_left_p2{ margin-top: 22px;} .SiteSLayout .pc_all_content .SiteSLayout_right .SiteSLayout_right_list .right_list_title{ padding: 35px;} .DigitalDS .DigitalDS_content{ width: 45%;} .DigitalDS .DigitalDS_img img{ height: 800px;} .Transmission{ height: auto;} .Transmission .Transmission_content .Transmission_content_list{ padding: 35px 0px;} .Transmission .Transmission_content .Transmission_content_list .content_list_icon span img{ height: 65px;} .Transmission .Transmission_content .Transmission_content_list .content_list_icon2{ margin: 45px 0px;} .VisualDC .VisualDC_content .VisualDC_content_list .content_list_po .list_po_icon span img{ height: 60px;} .VisualDC .VisualDC_content .VisualDC_content_list .content_list_po{ padding: 25px 45px;} .VisualDC .VisualDC_content .VisualDC_content_list.active .content_list_po{ width: 55%;} .VisualDC .VisualDC_content .VisualDC_content_list.active .content_list_po .list_po_txt{ margin-bottom: 94px;} .VisualDC .VisualDC_content .VisualDC_content_list.active .content_list_po .list_po_icon2{ height: 70px;} .VisualDC .VisualDC_content .VisualDC_content_list .content_list_Plan{ right: 70px; top: 50px;} } @media screen and (max-width:1550px){ .title .title_left .title_left_p2{ margin-top: 20px;} .SiteSLayout .pc_all_content .SiteSLayout_right .SiteSLayout_right_list .right_list_title{ padding: 30px;} .DigitalDS .DigitalDS_content{ width: 50%;} .DigitalDS .DigitalDS_img img{ height: 750px;} .VisualDC .VisualDC_content .VisualDC_content_list{ width: 40%;} .VisualDC .VisualDC_content .VisualDC_content_list.active{ width: 60%;} .VisualDC .VisualDC_content .VisualDC_content_list .content_list_po .list_po_icon span img{ height: 55px;} .VisualDC .VisualDC_content .VisualDC_content_list .content_list_po{ padding: 22px 40px;} .VisualDC .VisualDC_content .VisualDC_content_list.active .content_list_po{ width: 57%;} .VisualDC .VisualDC_content .VisualDC_content_list.active .content_list_po .list_po_txt{ margin-bottom: 84px;} .VisualDC .VisualDC_content .VisualDC_content_list.active .content_list_po .list_po_icon2{ height: 65px;} .VisualDC .VisualDC_content .VisualDC_content_list .content_list_Plan{ right: 65px; top: 45px;} } @media screen and (max-width:1450px){ .title .title_left .title_left_p2{ margin-top: 18px;} .SiteSLayout .pc_all_content .SiteSLayout_right .SiteSLayout_right_list .right_list_title{ padding: 25px;} .DigitalDS .DigitalDS_content{ width: 55%;} .DigitalDS .DigitalDS_img img{ height: 700px;} .Transmission .Transmission_content .Transmission_content_list{ padding: 30px 0px;} .Transmission .Transmission_content .Transmission_content_list .content_list_icon span img{ height: 60px;} .Transmission .Transmission_content .Transmission_content_list .content_list_icon2{ margin: 40px 0px;} .VisualDC .VisualDC_content .VisualDC_content_list{ width: 43%;} .VisualDC .VisualDC_content .VisualDC_content_list.active{ width: 57%;} .VisualDC .VisualDC_content .VisualDC_content_list .content_list_po .list_po_icon span img{ height: 50px;} .VisualDC .VisualDC_content .VisualDC_content_list .content_list_po{ padding: 20px 35px;} .VisualDC .VisualDC_content .VisualDC_content_list.active .content_list_po{ width: 60%;} .VisualDC .VisualDC_content .VisualDC_content_list.active .content_list_po .list_po_txt{ margin-bottom: 74px;} .VisualDC .VisualDC_content .VisualDC_content_list.active .content_list_po .list_po_icon2{ height: 60px;} .VisualDC .VisualDC_content .VisualDC_content_list .content_list_Plan{ right: 60px; top: 40px;} } @media screen and (max-width:1366px){ .title .title_left .title_left_p2{ margin-top: 15px;} .SiteSLayout .pc_all_content .SiteSLayout_right .SiteSLayout_right_list .right_list_title{ padding: 20px;} .DigitalDS .DigitalDS_content{ width: 60%;} .DigitalDS .DigitalDS_img img{ height: 650px;} .Transmission .Transmission_content .Transmission_content_list{ padding: 28px 0px;} .Transmission .Transmission_content .Transmission_content_list .content_list_icon span img{ height: 55px;} .Transmission .Transmission_content .Transmission_content_list .content_list_icon2{ margin: 35px 0px;} .VisualDC .VisualDC_content .VisualDC_content_list{ width: 45%;} .VisualDC .VisualDC_content .VisualDC_content_list.active{ width: 55%;} .VisualDC .VisualDC_content .VisualDC_content_list .content_list_po .list_po_icon span img{ height: 47px;} .VisualDC .VisualDC_content .VisualDC_content_list .content_list_po{ padding: 20px 30px;} .VisualDC .VisualDC_content .VisualDC_content_list.active .content_list_po{ width: 63%;} .VisualDC .VisualDC_content .VisualDC_content_list.active .content_list_po .list_po_txt{ margin-bottom: 64px;} .VisualDC .VisualDC_content .VisualDC_content_list.active .content_list_po .list_po_icon2{ height: 55px;} .VisualDC .VisualDC_content .VisualDC_content_list .content_list_Plan{ right: 55px; top: 35px;} } @media screen and (max-width:1280px){ .title .title_left .title_left_p2{ margin-top: 13px;} .Transmission .Transmission_content .Transmission_content_list{ padding: 25px 0px;} .Transmission .Transmission_content .Transmission_content_list .content_list_icon span img{ height: 50px;} .VisualDC .VisualDC_content .VisualDC_content_list.active .content_list_po{ width: 66%;} .VisualDC .VisualDC_content .VisualDC_content_list.active .content_list_po .list_po_txt{ margin-bottom: 54px;} .VisualDC .VisualDC_content .VisualDC_content_list .content_list_Plan{ right: 50px; top: 30px;} } @media screen and (max-width:1200px){ .VisualDC .VisualDC_content .VisualDC_content_list.active .content_list_po{ width: 70%;} .VisualDC .VisualDC_content .VisualDC_content_list.active .content_list_po .list_po_txt{ margin-bottom: 44px;} .VisualDC .VisualDC_content .VisualDC_content_list .content_list_Plan{ right: 45px; top: 25px;} } @media screen and (max-width:1024px){ /*ipad-y*/ .DigitalDS .DigitalDS_img img{ height: 600px;} .VisualDC .VisualDC_content .VisualDC_content_list .content_list_img img{ height: 400px;} .VisualDC .VisualDC_content .VisualDC_content_list.active .content_list_po{ width: 75%;} .VisualDC .VisualDC_content .VisualDC_content_list.active .content_list_po .list_po_txt{ margin-bottom: 40px;} } @media screen and (max-width:980px){ /*ipad-x*/ } @media screen and (max-width:766px){ /*iphone*/ .BrandDC .pc_all_content .SiteSLayout_left .SiteSLayout_left_content{ display: flex; flex-wrap: wrap; justify-content: space-between;} .BrandDC .pc_all_content .SiteSLayout_left .SiteSLayout_left_content .left_content_lists{ width: 47%;} .BrandDC .pc_all_content .SiteSLayout_right .SiteSLayout_right_list .right_list_img img{ height: 300px;} .DigitalDS .DigitalDS_content{ width: 100%;} .DigitalDS .DigitalDS_img img{ height: 550px;} .Transmission .Transmission_content .Transmission_content_list{ width: 100%; margin-bottom: 20px; padding: 30px 0px;} .Transmission .Transmission_content .Transmission_content_list .content_list_icon span img{ height: 45px;} .Transmission .Transmission_content .Transmission_content_list .content_list_icon2{ margin: 36px 0px;} .Transmission .Transmission_content .Transmission_content_list:last-child{ margin-bottom: 0;} .Transmission .Transmission_content .Transmission_content_list::before{ display: none;} .VisualDC .VisualDC_content .VisualDC_content_list{ margin-bottom: 22px; border-radius: 5px; overflow: hidden;;} .VisualDC .VisualDC_content .VisualDC_content_list:last-child{ margin-bottom: 0;} .VisualDC .VisualDC_content .VisualDC_content_list.active,.VisualDC .VisualDC_content .VisualDC_content_list{ width: 100%;} .VisualDC .VisualDC_content .VisualDC_content_list .content_list_img{ height: auto;} .VisualDC .VisualDC_content .VisualDC_content_list .content_list_img img{ height: auto; opacity: 1;} .VisualDC .VisualDC_content .VisualDC_content_list.active .content_list_po,.VisualDC .VisualDC_content .VisualDC_content_list .content_list_po{ width: 100%; position: relative; padding: 25px; background: #fff;} .VisualDC .VisualDC_content .VisualDC_content_list .content_list_po .list_po_title{ color: #111; margin: 20px 0px;} .VisualDC .VisualDC_content .VisualDC_content_list .content_list_po .list_po_txt,.VisualDC .VisualDC_content .VisualDC_content_list.active .content_list_po .list_po_txt{ color: #111; margin-bottom: 0; opacity: .7;} .VisualDC .VisualDC_content .VisualDC_content_list .content_list_po .list_po_icon2{ display: none;} .VisualDC .VisualDC_content .VisualDC_content_list .content_list_po .list_po_icon span img{ opacity: 1 !important; height: 40px;} .VisualDC .VisualDC_content .VisualDC_content_list .content_list_po .list_po_icon span img:last-child{ display: none;} .VisualDC .VisualDC_content .VisualDC_content_list .content_list_Plan,.VisualDC .VisualDC_content .VisualDC_content_list.active .content_list_Plan{ opacity: .5; left: 30px; top: 30px;} } /* 品牌增值服务2 */ .BrandPlanning .BrandPlanning_content{ display: flex; flex-wrap: wrap; justify-content: space-between;} .BrandPlanning .BrandPlanning_content .BrandPlanning_content_list{ width: calc(33.33% - 13px); border-radius: 5px; overflow: hidden; background: #f4f4f4;} .BrandPlanning .BrandPlanning_content .BrandPlanning_content_list .content_list_img img{ width: 100%;} .BrandPlanning .BrandPlanning_content .BrandPlanning_content_list .content_list_txt{ padding: 30px;} .BrandPlanning .BrandPlanning_content .BrandPlanning_content_list .content_list_txt .list_txt_title{ border-bottom: 1px solid #e1e1e1; padding-bottom: 18px; margin-bottom: 18px;} .BrandPlanning .BrandPlanning_content .BrandPlanning_content_list .content_list_txt .list_txt_title .txt_title_dd{ color: #cccccc;} .BrandPlanning .BrandPlanning_content .BrandPlanning_content_list .content_list_txt .list_txt_title .txt_title_dt{ color: #333333; margin-top: 10px;} .BrandPlanning .BrandPlanning_content .BrandPlanning_content_list .content_list_txt .list_txt_p{ color: #666666; padding-right: 20%;} .BrandPlanning .BrandPlanning_content .BrandPlanning_content_list:hover{ background: #f1893d;} .BrandPlanning .BrandPlanning_content .BrandPlanning_content_list:hover .content_list_txt .list_txt_title{ border-bottom: 1px solid rgba(255,255,255,.2);} .BrandPlanning .BrandPlanning_content .BrandPlanning_content_list:hover .content_list_txt .list_txt_title .txt_title_dd{ color: #fff;} .BrandPlanning .BrandPlanning_content .BrandPlanning_content_list:hover .content_list_txt .list_txt_title .txt_title_dt{ color: #fff;} .BrandPlanning .BrandPlanning_content .BrandPlanning_content_list:hover .content_list_txt .list_txt_p{ color: #fff;} .StrategicSP .Serviceobjectives_content .Serviceobjectives_content_txt{ border-top: 1px solid rgba(255,255,255,.3);} .StrategicSP .Serviceobjectives_content .Serviceobjectives_content_txt .content_txt_list{ margin-bottom: 0; border-radius: 0; border-bottom: 1px solid rgba(255,255,255,.3); background: none; padding: 20px 0px;} .StrategicSP .Serviceobjectives_content .Serviceobjectives_content_txt .content_txt_list .list_title_dd span{ margin-right: 16px;} .StrategicSP .Serviceobjectives_img .Serviceobjectives_img_list .img_list_po .list_po_dt{ text-transform: uppercase; opacity: 1;} .StrategicSP .Serviceobjectives_content .Serviceobjectives_content_txt .content_txt_list .txt_list_title{ cursor: auto;} .StrategicSP .Serviceobjectives_content .Serviceobjectives_content_txt .content_txt_list:hover .txt_list_title .list_title_dd{ color: #f1893d;} .StrategicSP .Serviceobjectives_content .Serviceobjectives_content_txt .content_txt_list:hover .txt_list_title .list_title_dt span img{ opacity: 0;} .StrategicSP .Serviceobjectives_content .Serviceobjectives_content_txt .content_txt_list:hover .txt_list_title .list_title_dt span img:last-child{ opacity: 1;} .Video3D{ background: #2d2d2d;} .Video3D .pc_all_content .Video3D_content{ border-bottom: 0;} .Video3D .Video3D_content .Video3D_content_list{ display: flex; justify-content: space-between; border-radius: 5px; overflow: hidden; background: #3f3f3f; margin-bottom: 11px;} .Video3D .Video3D_content .Video3D_content_list:last-child{ margin-bottom: 0;} .Video3D .Video3D_content .Video3D_content_list .content_list_left{ width: 50%;} .Video3D .Video3D_content .Video3D_content_list .content_list_left img{ width: 100%; height: 100%; object-fit: cover;} .Video3D .Video3D_content .Video3D_content_list .content_list_right{ width: 50%; padding: 40px; display: flex; flex-direction: column; justify-content: center; position: relative;} .Video3D .Video3D_content .Video3D_content_list .content_list_right .list_right_icon{ margin-bottom: 50px;} .Video3D .Video3D_content .Video3D_content_list .content_list_right .list_right_icon img{ opacity: .3;} .Video3D .Video3D_content .Video3D_content_list .content_list_right .list_right_txt .right_txt_dd{ color: #fff;} .Video3D .Video3D_content .Video3D_content_list .content_list_right .list_right_txt .right_txt_dt{ color: #999; margin-top: 15px; padding-right: 20%;} .Video3D .Video3D_content .Video3D_content_list .content_list_right::before{ content: ""; display: inline-block; width: 181px; height: 49px; background-image: url(../images/bn68.png); background-size: 181px; background-repeat: no-repeat; background-position: center; position: absolute; right: 40px; top: 35px;} .Video3D .Video3D_content .Video3D_content_list:hover .content_list_right{ background: #f18c34;} .Video3D .Video3D_content .Video3D_content_list:hover .content_list_right .list_right_txt .right_txt_dt{ color: #fff; opacity: .6;} .Video3D .Video3D_content .Video3D_content_list:hover .content_list_right .list_right_icon img{ opacity: .5;} @media screen and (max-width:1650px){ .BrandPlanning .BrandPlanning_content .BrandPlanning_content_list .content_list_txt{ padding: 28px;} .BrandPlanning .BrandPlanning_content .BrandPlanning_content_list .content_list_txt .list_txt_p{ padding-right: 18%;} .StrategicSP .Serviceobjectives_content .Serviceobjectives_content_txt .content_txt_list{ padding: 18px 0px;} .StrategicSP .Serviceobjectives_content .Serviceobjectives_content_txt .content_txt_list .txt_list_title .list_title_dt span img{ width: 42px;} .Video3D .Video3D_content .Video3D_content_list .content_list_left{ width: 52%;} .Video3D .Video3D_content .Video3D_content_list .content_list_right{ padding: 35px; width: 48%;} .Video3D .Video3D_content .Video3D_content_list .content_list_right .list_right_icon{ margin-bottom: 45px;} .Video3D .Video3D_content .Video3D_content_list .content_list_right .list_right_icon img{ width: 70px;} .Video3D .Video3D_content .Video3D_content_list .content_list_right::before{background-size: 171px; background-position: top right;} .Video3D .Video3D_content .Video3D_content_list .content_list_right .list_right_txt .right_txt_dt{ padding-right: 18%;} } @media screen and (max-width:1550px){ .BrandPlanning .BrandPlanning_content .BrandPlanning_content_list .content_list_txt{ padding: 26px;} .BrandPlanning .BrandPlanning_content .BrandPlanning_content_list .content_list_txt .list_txt_p{ padding-right: 16%;} .StrategicSP .Serviceobjectives_content .Serviceobjectives_content_txt .content_txt_list{ padding: 16px 0px;} .StrategicSP .Serviceobjectives_content .Serviceobjectives_content_txt .content_txt_list .txt_list_title .list_title_dt span img{ width: 40px;} .Video3D .Video3D_content .Video3D_content_list .content_list_left{ width: 54%;} .Video3D .Video3D_content .Video3D_content_list .content_list_right{ padding: 30px; width: 46%;} .Video3D .Video3D_content .Video3D_content_list .content_list_right .list_right_icon{ margin-bottom: 40px;} .Video3D .Video3D_content .Video3D_content_list .content_list_right .list_right_icon img{ width: 65px;} .Video3D .Video3D_content .Video3D_content_list .content_list_right::before{background-size: 161px;} .Video3D .Video3D_content .Video3D_content_list .content_list_right .list_right_txt .right_txt_dt{ padding-right: 16%;} } @media screen and (max-width:1450px){ .BrandPlanning .BrandPlanning_content .BrandPlanning_content_list .content_list_txt{ padding: 24px;} .BrandPlanning .BrandPlanning_content .BrandPlanning_content_list .content_list_txt .list_txt_p{ padding-right: 14%;} .StrategicSP .Serviceobjectives_content .Serviceobjectives_content_txt .content_txt_list{ padding: 14px 0px;} .StrategicSP .Serviceobjectives_content .Serviceobjectives_content_txt .content_txt_list .txt_list_title .list_title_dt span img{ width: 38px;} .Video3D .Video3D_content .Video3D_content_list .content_list_left{ width: 56%;} .Video3D .Video3D_content .Video3D_content_list .content_list_right{ padding: 30px; width: 44%;} .Video3D .Video3D_content .Video3D_content_list .content_list_right .list_right_icon{ margin-bottom: 35px;} .Video3D .Video3D_content .Video3D_content_list .content_list_right .list_right_icon img{ width: 60px;} .Video3D .Video3D_content .Video3D_content_list .content_list_right::before{background-size: 151px;} .Video3D .Video3D_content .Video3D_content_list .content_list_right .list_right_txt .right_txt_dt{ padding-right: 14%;} } @media screen and (max-width:1366px){ .BrandPlanning .BrandPlanning_content .BrandPlanning_content_list .content_list_txt{ padding: 22px;} .BrandPlanning .BrandPlanning_content .BrandPlanning_content_list .content_list_txt .list_txt_p{ padding-right: 12%;} .StrategicSP .Serviceobjectives_content .Serviceobjectives_content_txt .content_txt_list .txt_list_title .list_title_dt span img{ width: 36px;} .Video3D .Video3D_content .Video3D_content_list .content_list_right .list_right_icon{ margin-bottom: 30px;} .Video3D .Video3D_content .Video3D_content_list .content_list_right .list_right_icon img{ width: 55px;} .Video3D .Video3D_content .Video3D_content_list .content_list_right::before{background-size: 140px;} .Video3D .Video3D_content .Video3D_content_list .content_list_right .list_right_txt .right_txt_dt{ padding-right: 12%;} } @media screen and (max-width:1280px){ .StrategicSP .Serviceobjectives_content .Serviceobjectives_content_txt .content_txt_list .txt_list_title .list_title_dt span img{ width: 34px;} .Video3D .Video3D_content .Video3D_content_list .content_list_right .list_right_icon{ margin-bottom: 25px;} .Video3D .Video3D_content .Video3D_content_list .content_list_right .list_right_icon img{ width: 50px;} .Video3D .Video3D_content .Video3D_content_list .content_list_right::before{background-size: 130px;} .Video3D .Video3D_content .Video3D_content_list .content_list_right .list_right_txt .right_txt_dt{ padding-right: 10%;} } @media screen and (max-width:1200px){ .StrategicSP .Serviceobjectives_content .Serviceobjectives_content_txt .content_txt_list .txt_list_title .list_title_dt span img{ width: 32px;} .Video3D .Video3D_content .Video3D_content_list .content_list_right::before{background-size: 110px;} .Video3D .Video3D_content .Video3D_content_list .content_list_right .list_right_txt .right_txt_dt{ padding-right: 8%;} } @media screen and (max-width:1024px){ /*ipad-y*/ .StrategicSP .Serviceobjectives_content .Serviceobjectives_content_txt .content_txt_list .txt_list_title .list_title_dt span img{ width: 30px;} .BrandPlanning .BrandPlanning_content .BrandPlanning_content_list .content_list_txt .list_txt_p{ padding-right: 6%;} .Video3D .Video3D_content .Video3D_content_list .content_list_right::before{background-size: 100px;} .Video3D .Video3D_content .Video3D_content_list .content_list_right .list_right_txt .right_txt_dt{ padding-right: 5%;} } @media screen and (max-width:980px){ /*ipad-x*/ .BrandPlanning .BrandPlanning_content .BrandPlanning_content_list .content_list_txt .list_txt_p{ padding-right: 3%;} .Video3D .Video3D_content .Video3D_content_list .content_list_right::before{background-size: 80px;} .Video3D .Video3D_content .Video3D_content_list .content_list_right .list_right_txt .right_txt_dt{ padding-right: 3%;} } @media screen and (max-width:766px){ /*iphone*/ .BrandPlanning .BrandPlanning_content .BrandPlanning_content_list{ width: 100%; margin-bottom: 20px;} .BrandPlanning .BrandPlanning_content .BrandPlanning_content_list:last-child{ margin-bottom: 0;} .BrandPlanning .BrandPlanning_content .BrandPlanning_content_list .content_list_txt{ padding: 25px;} .BrandPlanning .BrandPlanning_content .BrandPlanning_content_list .content_list_txt .list_txt_title{ margin-bottom: 15px; padding-bottom: 15px;} .BrandPlanning .BrandPlanning_content .BrandPlanning_content_list .content_list_txt .list_txt_p{ padding-right: 0;} .title .title_left .title_left_bottom{ margin-top: 30px;} .title .title_left .title_left_bottom .title_left_icon2 img{ height: 40px;} .Video3D .Video3D_content .Video3D_content_list{ flex-wrap: wrap;} .Video3D .Video3D_content .Video3D_content_list .content_list_right::before{ background-size: 120px;} .Video3D .Video3D_content .Video3D_content_list .content_list_left,.Video3D .Video3D_content .Video3D_content_list .content_list_right{ width: 100%;} .Video3D .Video3D_content .Video3D_content_list .content_list_right .list_right_txt .right_txt_dt{ padding-right: 0;} } /* 3-0 品牌数字化战略 */ .BannrerTitle{ margin-top: 190px;} .BannrerTitle .BannrerTitle_top{ color: #333333; border-bottom: 1px solid #e5e5e5; margin-bottom: 40px; padding-bottom: 20px; display: flex; align-items:center; justify-content: space-between;} .BannrerTitle .BannrerTitle_top .BannrerTitle_top_left{ width: calc(100% - 225px);} .BannrerTitle .BannrerTitle_top .BannrerTitle_top_left .top_left_li{ background:#fff;} .BannrerTitle .BannrerTitle_top .BannrerTitle_top_right span{ cursor: pointer; color:#999;} .BannrerTitle .BannrerTitle_top .BannrerTitle_top_right span:hover{ color:#f18c34;} .BannrerTitle .BannrerTitle_top .BannrerTitle_top_right span:last-child{ margin-left: 22px;} .BannrerTitle .BannrerTitle_bottom{ display: flex; justify-content: space-between;} .BannrerTitle .BannrerTitle_bottom .BannrerTitle_bottom_left{ width: 80%;} .BannrerTitle .BannrerTitle_bottom .BannrerTitle_bottom_left .bottom_left_list{ background:#fff;} .BannrerTitle .BannrerTitle_bottom .BannrerTitle_bottom_left .bottom_left_dd{ color: #222222; margin-bottom: 10px; line-height: 1.3;} .BannrerTitle .BannrerTitle_bottom .BannrerTitle_bottom_left .bottom_left_dt{ color: #333333; line-height: 1.5;} .BannrerTitle .BannrerTitle_bottom .BannrerTitle_bottom_right{ width: 16%; text-align: right;} .BannrerTitle .BannrerTitle_bottom .BannrerTitle_bottom_right img{ max-width: 100%;} .StrategicSP .pc_all_content .HExplore_right .HExplore_right_list{ padding: 0; border-top: 0; position: relative;} .StrategicSP .pc_all_content .HExplore_right .HExplore_right_list::after{ content: ""; background: rgba(153,153,153,.18); display: inline-block; position: absolute; left: 0; top: 0; width: 100%; height: 1px;} .StrategicSP .pc_all_content .HExplore_right .HExplore_right_list .right_list_left{ width: 435px;} .StrategicSP .pc_all_content .HExplore_right .HExplore_right_list .right_list_left .list_left_icon{ background: #d4d4d4; width: 110px; height: 145px; display: flex; align-items: center; justify-content: center; position: relative;} .StrategicSP .pc_all_content .HExplore_right .HExplore_right_list .right_list_left .list_left_icon::before{ content: ""; display: inline-block; width: 13px; height: 13px; background-size: 13px; position: absolute; left: 0; right: 0; margin: 0 auto; background-image: url(../images/bn9.png); background-repeat: no-repeat; background-repeat: no-repeat; bottom: -8px; z-index: 2;} .StrategicSP .pc_all_content .HExplore_right .HExplore_right_list:last-child .right_list_left .list_left_icon::before{ display: none;} .StrategicSP .pc_all_content .HExplore_right .HExplore_right_list:nth-child(2) .right_list_left .list_left_icon{ background: #bebebe;} .StrategicSP .pc_all_content .HExplore_right .HExplore_right_list:nth-child(3) .right_list_left .list_left_icon{ background: #a7a7a7;} .StrategicSP .pc_all_content .HExplore_right .HExplore_right_list .right_list_left .list_left_title{ display: flex; align-items: flex-start; width: calc(100% - 165px);} .StrategicSP .pc_all_content .HExplore_right .HExplore_right_list .right_list_left .list_left_title .left_title_dd{ margin-right: 30px; display: block;} .StrategicSP .pc_all_content .HExplore_right .HExplore_right_list .right_list_left .list_left_title .left_title_dt{ padding-top: 10px;} .StrategicSP .pc_all_content .HExplore_right .HExplore_right_list .right_list_left .list_left_title .left_title_dd span{ display: inline-block; width: 100%; color: #666666;} .StrategicSP .pc_all_content .HExplore_right .HExplore_right_list .right_list_right{ width: calc(100% - 485px);} .StrategicSPlanning{ background: url(../images/bg34.jpg) no-repeat 50%/cover; border-radius: 5px; height:43.764vw; display: flex; align-items: center;} .StrategicSPlanning .pc_all_content .StrategicSPlanning_right{ border-bottom: 0; display: flex; flex-wrap: wrap; justify-content: space-between;} .StrategicSPlanning .pc_all_content .StrategicSPlanning_right .StrategicSPlanning_right_list{ width: 50%; padding: 35px; position: relative;} .StrategicSPlanning .pc_all_content .StrategicSPlanning_right .StrategicSPlanning_right_list .right_list_icon{ margin-bottom: 45px; text-align: right;} .StrategicSPlanning .pc_all_content .StrategicSPlanning_right .StrategicSPlanning_right_list .right_list_txt .list_txt_dd{ color: #fff; opacity: .4; text-transform: uppercase; line-height: 1.5;} .StrategicSPlanning .pc_all_content .StrategicSPlanning_right .StrategicSPlanning_right_list .right_list_txt .list_txt_dt{ color: #fff; margin-top: 20px;} .StrategicSPlanning .pc_all_content .StrategicSPlanning_right .StrategicSPlanning_right_list .right_list_sz{ position: absolute; right: 20px; bottom: 20px; color: #fff; opacity: .15;} .StrategicSPlanning .pc_all_content .StrategicSPlanning_right .StrategicSPlanning_right_list .right_list_po{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; padding: 35px; opacity: 0;} .StrategicSPlanning .pc_all_content .StrategicSPlanning_right .StrategicSPlanning_right_list .right_list_po .list_po_title{ display: flex; align-items: center; color: #fff; margin-bottom: 30px;} .StrategicSPlanning .pc_all_content .StrategicSPlanning_right .StrategicSPlanning_right_list .right_list_po .list_po_title img{ margin-right: 16px;} .StrategicSPlanning .pc_all_content .StrategicSPlanning_right .StrategicSPlanning_right_list .right_list_po .list_po_txt{ color: #fff;} .StrategicSPlanning .pc_all_content .StrategicSPlanning_right .StrategicSPlanning_right_list:nth-child(1){ background: #ff8d3a;} .StrategicSPlanning .pc_all_content .StrategicSPlanning_right .StrategicSPlanning_right_list:nth-child(1) .right_list_po{ background: #ff8d3a;} .StrategicSPlanning .pc_all_content .StrategicSPlanning_right .StrategicSPlanning_right_list:nth-child(2){ background: #ffaf72;} .StrategicSPlanning .pc_all_content .StrategicSPlanning_right .StrategicSPlanning_right_list:nth-child(2) .right_list_po{ background: #ffaf72;} .StrategicSPlanning .pc_all_content .StrategicSPlanning_right .StrategicSPlanning_right_list:nth-child(3){ background: #515151;} .StrategicSPlanning .pc_all_content .StrategicSPlanning_right .StrategicSPlanning_right_list:nth-child(3) .right_list_po{ background: #515151;} .StrategicSPlanning .pc_all_content .StrategicSPlanning_right .StrategicSPlanning_right_list:nth-child(4){ border: 3px solid #ffaf72; border-top: 0px;} .StrategicSPlanning .pc_all_content .StrategicSPlanning_right .StrategicSPlanning_right_list:nth-child(4) .right_list_po{ background: #333333;} /*.StrategicSPlanning .pc_all_content .StrategicSPlanning_right .StrategicSPlanning_right_list:nth-child(3)::before{ content: ""; display: inline-block; width: 70px; height: 52px; background: #ffaf72; position: absolute; left: 0; top: 0; z-index: 2;}*/ /*.StrategicSPlanning .pc_all_content .StrategicSPlanning_right .StrategicSPlanning_right_list:nth-child(3)::after{ content: ""; display: inline-block; width: 35px; height: 26px; background: #ffa561; position: absolute; left: 70px; top: -26px; z-index: 2;}*/ .StrategicSPlanning .pc_all_content .StrategicSPlanning_right .StrategicSPlanning_right_list:hover .right_list_po{ opacity: 1;} .StrategicEM{ background: url(../images/bg35.jpg) no-repeat 50%/cover;} .StrategicEM .pc_all_content .StrategicEM_right{ border-bottom: 0; display: flex; flex-wrap: wrap; justify-content: space-between;} .StrategicEM .pc_all_content .StrategicEM_right .StrategicEM_right_list{ background: #f2f2f2; border-radius: 5px; width: calc(50% - 10px); overflow: hidden;} .StrategicEM .pc_all_content .StrategicEM_right .StrategicEM_right_list .right_list_img{ overflow: hidden;} .StrategicEM .pc_all_content .StrategicEM_right .StrategicEM_right_list .right_list_img img{ width: 100%;} .StrategicEM .pc_all_content .StrategicEM_right .StrategicEM_right_list .right_list_txt{ padding: 30px;} .StrategicEM .pc_all_content .StrategicEM_right .StrategicEM_right_list .right_list_txt .list_txt_dd{ margin-bottom: 12px; color: #333333;} .StrategicEM .pc_all_content .StrategicEM_right .StrategicEM_right_list .right_list_txt .list_txt_dt{ color: #333333; padding-right: 20%; } .DigitalBM{ background: url(../images/bg38.jpg) no-repeat 50%/cover; height: 49.1303vw; display: flex; align-items: center;} .DigitalBM_icon{ position: absolute; right: 4%; top: -30px;} .DigitalBM .pc_all_content{ display: block; position: relative;} .DigitalBM .DigitalBM_top{ display: flex; justify-content: space-between; margin-bottom: 20px; align-items: flex-start;} .DigitalBM .DigitalBM_top .title{ width: calc(67% - 15px); position: relative; align-items: flex-start;} .DigitalBM .DigitalBM_top .title .DigitalBM_top_right{ color: #c6c6c6; text-align: right; line-height: 1.2;} .DigitalBM .DigitalBM_top .DigitalBM_content{ width: calc(33.33% - 15px);} .DigitalBM .DigitalBM_top .DigitalBM_content .DigitalBM_content_list{ width: 100%;} .DigitalBM .DigitalBM_content{ display: flex; justify-content: space-between; flex-wrap: wrap;} .DigitalBM .DigitalBM_content .DigitalBM_content_list{ border-radius: 5px; background: #fff; padding: 40px; width: calc(33.33% - 15px); position: relative;} .DigitalBM .DigitalBM_content .DigitalBM_content_list .content_list_icon{ margin-bottom: 55px; display: flex;} .DigitalBM .DigitalBM_content .DigitalBM_content_list .content_list_icon span{ display: flex; align-items: center; justify-content: center; position: relative;} .DigitalBM .DigitalBM_content .DigitalBM_content_list .content_list_icon span img:last-child{ position: absolute; left: 0; top: 0; opacity: 0;} .DigitalBM .DigitalBM_content .DigitalBM_content_list .content_list_title .list_title_dd{ color: #333333;} .DigitalBM .DigitalBM_content .DigitalBM_content_list .content_list_title .list_title_dt{ color: #666666; margin-top: 20px; padding-right: 20%;} .DigitalBM .DigitalBM_content .DigitalBM_content_list .content_list_icon2{ position: absolute; right: 44px; top: 44px;} .DigitalBM .DigitalBM_content .DigitalBM_content_list:hover{ background: #f18c34;} .DigitalBM .DigitalBM_content .DigitalBM_content_list:hover .content_list_icon span img{ opacity: 0;} .DigitalBM .DigitalBM_content .DigitalBM_content_list:hover .content_list_icon span img:last-child{ opacity: 1;} .DigitalBM .DigitalBM_content .DigitalBM_content_list:hover .content_list_title .list_title_dd{ color: #fff;} .DigitalBM .DigitalBM_content .DigitalBM_content_list:hover .content_list_title .list_title_dt{ color: #fff;} @media screen and (max-width:1650px){ .BannrerTitle{ margin-top: 170px;} .BannrerTitle .BannrerTitle_bottom .BannrerTitle_bottom_left{ width: 78%;} .BannrerTitle .BannrerTitle_bottom .BannrerTitle_bottom_right{ width: 18%;} .StrategicSP .pc_all_content .HExplore_right .HExplore_right_list .right_list_right{ width: calc(100% - 465px);} .StrategicSPlanning{ height: auto;} .StrategicSPlanning .pc_all_content .StrategicSPlanning_right .StrategicSPlanning_right_list,.StrategicSPlanning .pc_all_content .StrategicSPlanning_right .StrategicSPlanning_right_list .right_list_po{ padding: 45px;} .StrategicSPlanning .pc_all_content .StrategicSPlanning_right .StrategicSPlanning_right_list .right_list_po .list_po_title img,.StrategicSPlanning .pc_all_content .StrategicSPlanning_right .StrategicSPlanning_right_list .right_list_icon img{ height: 50px;} .DigitalBM{ height: 900px;} .DigitalBM .DigitalBM_content .DigitalBM_content_list{ padding: 35px;} .DigitalBM .DigitalBM_content .DigitalBM_content_list .content_list_icon{ margin-bottom: 50px;} .DigitalBM .DigitalBM_content .DigitalBM_content_list .content_list_icon img{ height: 70px;} .DigitalBM .DigitalBM_content .DigitalBM_content_list .content_list_icon2 img{ height: 60px;} } @media screen and (max-width:1550px){ .BannrerTitle{ margin-top: 150px;} .BannrerTitle .BannrerTitle_bottom .BannrerTitle_bottom_left{ width: 76%;} .BannrerTitle .BannrerTitle_bottom .BannrerTitle_bottom_right{ width: 20%;} .StrategicSP .pc_all_content .HExplore_right .HExplore_right_list .right_list_right{ width: calc(100% - 455px);} .StrategicSPlanning .pc_all_content .StrategicSPlanning_right .StrategicSPlanning_right_list,.StrategicSPlanning .pc_all_content .StrategicSPlanning_right .StrategicSPlanning_right_list .right_list_po{ padding: 40px;} .StrategicSPlanning .pc_all_content .StrategicSPlanning_right .StrategicSPlanning_right_list .right_list_po .list_po_title img,.StrategicSPlanning .pc_all_content .StrategicSPlanning_right .StrategicSPlanning_right_list .right_list_icon img{ height: 45px;} .DigitalBM{ height: 850px;} .DigitalBM .DigitalBM_content .DigitalBM_content_list{ padding: 30px;} .DigitalBM .DigitalBM_content .DigitalBM_content_list .content_list_icon{ margin-bottom: 45px;} .DigitalBM .DigitalBM_content .DigitalBM_content_list .content_list_icon img{ height: 60px;} .DigitalBM .DigitalBM_content .DigitalBM_content_list .content_list_icon2 img{ height: 55px;} } @media screen and (max-width:1450px){ .BannrerTitle{ margin-top: 130px;} .BannrerTitle .BannrerTitle_bottom .BannrerTitle_bottom_left{ width: 74%;} .BannrerTitle .BannrerTitle_bottom .BannrerTitle_bottom_right{ width: 22%;} .StrategicSP .pc_all_content .HExplore_right .HExplore_right_list .right_list_right{ width: calc(100% - 445px);} .StrategicSPlanning .pc_all_content .StrategicSPlanning_right .StrategicSPlanning_right_list,.StrategicSPlanning .pc_all_content .StrategicSPlanning_right .StrategicSPlanning_right_list .right_list_po{ padding: 35px;} .StrategicSPlanning .pc_all_content .StrategicSPlanning_right .StrategicSPlanning_right_list .right_list_po .list_po_title img,.StrategicSPlanning .pc_all_content .StrategicSPlanning_right .StrategicSPlanning_right_list .right_list_icon img{ height: 40px;} .DigitalBM{ height: 800px;} .DigitalBM .DigitalBM_content .DigitalBM_content_list .content_list_icon{ margin-bottom: 40px;} .DigitalBM .DigitalBM_content .DigitalBM_content_list .content_list_icon img{ height: 50px;} .DigitalBM .DigitalBM_content .DigitalBM_content_list .content_list_icon2 img{ height: 50px;} } @media screen and (max-width:1366px){ .BannrerTitle{ margin-top: 110px;} .BannrerTitle .BannrerTitle_bottom .BannrerTitle_bottom_left{ width: 72%;} .BannrerTitle .BannrerTitle_bottom .BannrerTitle_bottom_right{ width: 24%;} .StrategicSP .pc_all_content .HExplore_right .HExplore_right_list .right_list_right{ width: calc(100% - 435px);} .StrategicSPlanning .pc_all_content .StrategicSPlanning_right .StrategicSPlanning_right_list,.StrategicSPlanning .pc_all_content .StrategicSPlanning_right .StrategicSPlanning_right_list .right_list_po{ padding: 30px;} .DigitalBM{ height: 750px;} .DigitalBM .DigitalBM_content .DigitalBM_content_list .content_list_icon{ margin-bottom: 30px;} .DigitalBM .DigitalBM_content .DigitalBM_content_list .content_list_icon2 img{ height: 45px;} } @media screen and (max-width:1280px){ .BannrerTitle{ margin-top: 100px;} .BannrerTitle .BannrerTitle_bottom .BannrerTitle_bottom_left{ width: 70%;} .BannrerTitle .BannrerTitle_bottom .BannrerTitle_bottom_right{ width: 26%;} .DigitalBM{ height: 700px;} } @media screen and (max-width:1200px){ .BannrerTitle .BannrerTitle_bottom .BannrerTitle_bottom_left{ width: 68%;} .BannrerTitle .BannrerTitle_bottom .BannrerTitle_bottom_right{ width: 28%;} .DigitalBM{ height: 650px;} } @media screen and (max-width:1024px){ /*ipad-y*/ .BannrerTitle .BannrerTitle_bottom .BannrerTitle_bottom_left{ width: 66%;} .BannrerTitle .BannrerTitle_bottom .BannrerTitle_bottom_right{ width: 30%;} .StrategicSP .pc_all_content .HExplore_right .HExplore_right_list .right_list_left{ width: 290px;} .StrategicSP .pc_all_content .HExplore_right .HExplore_right_list .right_list_left .list_left_title{ flex-wrap: wrap;} .StrategicSP .pc_all_content .HExplore_right .HExplore_right_list .right_list_left .list_left_title .left_title_dd{ margin-right: 0; width: 100%; margin-bottom: 20px;} .StrategicSP .pc_all_content .HExplore_right .HExplore_right_list .right_list_left .list_left_title .left_title_dt{ width: 100%;} .StrategicSP .pc_all_content .HExplore_right .HExplore_right_list .right_list_left .list_left_title{ width: calc(100% - 140px);} .StrategicSP .pc_all_content .HExplore_right .HExplore_right_list .right_list_right{ width: calc(100% - 305px);} } @media screen and (max-width:980px){ /*ipad-x*/ .BannrerTitle .BannrerTitle_bottom .BannrerTitle_bottom_left{ width: 64%;} .BannrerTitle .BannrerTitle_bottom .BannrerTitle_bottom_right{ width: 32%;} .StrategicSPlanning .pc_all_content .StrategicSPlanning_right{ padding: 0px;} } @media screen and (max-width:766px){ /*iphone*/ .banner.banner3 .ScrollDown{ left: auto; right: 0;} .BannrerTitle{ margin-top: 95px;} .BannrerTitle .BannrerTitle_top{ margin-bottom: 18px; padding-bottom: 18px;} .BannrerTitle .BannrerTitle_bottom{ flex-wrap: wrap;} .BannrerTitle .BannrerTitle_bottom .BannrerTitle_bottom_left,.BannrerTitle .BannrerTitle_bottom .BannrerTitle_bottom_right{ width: 100%;} .BannrerTitle .BannrerTitle_bottom .BannrerTitle_bottom_left .bottom_left_dd{ font-size: 28px;} .BannrerTitle .BannrerTitle_bottom .BannrerTitle_bottom_right{ text-align: left; width: 50%; margin-top: 30px;} .StrategicSP .pc_all_content .HExplore_right .HExplore_right_list .right_list_left,.StrategicSP .pc_all_content .HExplore_right .HExplore_right_list .right_list_right{ width: 100%;} .StrategicSP .pc_all_content .HExplore_right{ border-bottom: 0;} .StrategicSP .pc_all_content .HExplore_right .HExplore_right_list::after{ display: none;} .StrategicSP .pc_all_content .HExplore_right .HExplore_right_list{ margin-bottom: 25px; border: 1px solid #e0e0e0;} .StrategicSP .pc_all_content .HExplore_right .HExplore_right_list:last-child{ margin-bottom: 0;} .StrategicSP .pc_all_content .HExplore_right .HExplore_right_list .right_list_left .list_left_icon::before{ display: none;} .StrategicSP .pc_all_content .HExplore_right .HExplore_right_list .right_list_right{ padding: 20px; margin-top: 0; background: #f18c34; color: #fff;} .StrategicSPlanning .pc_all_content .StrategicSPlanning_right{ padding: 0;} .StrategicSPlanning .pc_all_content .StrategicSPlanning_right .StrategicSPlanning_right_list{ width: 100%; padding: 0;} .StrategicSPlanning .pc_all_content .StrategicSPlanning_right .StrategicSPlanning_right_list .right_list_icon,.StrategicSPlanning .pc_all_content .StrategicSPlanning_right .StrategicSPlanning_right_list .right_list_txt{ display: none;} .StrategicSPlanning .pc_all_content .StrategicSPlanning_right .StrategicSPlanning_right_list .right_list_po{ opacity: 1; position: relative; padding: 35px 30px; border-radius: 5px;} .StrategicSPlanning .pc_all_content .StrategicSPlanning_right .StrategicSPlanning_right_list:nth-child(3)::before,.StrategicSPlanning .pc_all_content .StrategicSPlanning_right .StrategicSPlanning_right_list:nth-child(3)::after{ display: none;} .StrategicSPlanning .pc_all_content .StrategicSPlanning_right .StrategicSPlanning_right_list:nth-child(4){ border: 0;} .StrategicSPlanning .pc_all_content .StrategicSPlanning_right .StrategicSPlanning_right_list .right_list_po .list_po_title img{ height: 36px;} .StrategicSPlanning .pc_all_content .StrategicSPlanning_right .StrategicSPlanning_right_list .right_list_po .list_po_title{ margin-bottom: 18px;} .StrategicEM .pc_all_content .StrategicEM_right .StrategicEM_right_list{ width: 100%; margin-bottom: 22px;} .StrategicEM .pc_all_content .StrategicEM_right .StrategicEM_right_list:last-child{ margin-bottom: 0;} .StrategicEM .pc_all_content .StrategicEM_right .StrategicEM_right_list .right_list_txt .list_txt_dt{ padding-right: 0;} .StrategicEM .pc_all_content .StrategicEM_right .StrategicEM_right_list .right_list_txt .list_txt_dt br{ display: none;} .DigitalBM{ padding: 45px 0px; height: auto;} .DigitalBM .DigitalBM_top{ flex-wrap: wrap;} .DigitalBM .DigitalBM_top .DigitalBM_content{ margin-top: 25px;} .DigitalBM .DigitalBM_top .title .DigitalBM_top_right{ margin-top: 25px;} .DigitalBM .DigitalBM_top .title .DigitalBM_top_right br{ display: none;} .DigitalBM .DigitalBM_top .title,.DigitalBM .DigitalBM_top .DigitalBM_content,.DigitalBM .DigitalBM_content .DigitalBM_content_list{ width: 100%;} .DigitalBM .DigitalBM_content .DigitalBM_content_list{ margin-bottom: 20px; padding: 30px;} .DigitalBM .DigitalBM_content .DigitalBM_content_list:last-child{ margin-bottom: 0;} .DigitalBM .DigitalBM_content .DigitalBM_content_list .content_list_icon span img{ height: 50px;} .DigitalBM .DigitalBM_content .DigitalBM_content_list .content_list_icon{ margin-bottom: 26px;} .DigitalBM .DigitalBM_content .DigitalBM_content_list .content_list_title .list_title_dt{ margin-top: 10px; padding-right: 0;} } /* 3-1战略性执行体系 */ .BrandSystem .BrandSystem_content{ display: flex; flex-wrap: wrap; justify-content: space-between;} .BrandSystem .BrandSystem_content .BrandSystem_content_list{ width: calc(33.33% - 15px); border-radius: 5px; overflow: hidden; position: relative;} .BrandSystem .BrandSystem_content .BrandSystem_content_list .content_list_img{ height: 100%; background: #f1893d;} .BrandSystem .BrandSystem_content .BrandSystem_content_list .content_list_img img{ width: 100%; height: 100%; object-fit: cover;} .BrandSystem .BrandSystem_content .BrandSystem_content_list .content_list_po{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; padding: 45px; display: flex; flex-direction: column; justify-content: flex-end; opacity: 0;} .BrandSystem .BrandSystem_content .BrandSystem_content_list .content_list_title{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; padding: 45px; display: flex; flex-direction: column; justify-content: flex-end;} .BrandSystem .BrandSystem_content .BrandSystem_content_list .content_list_icon{ margin-bottom: 33px;} .BrandSystem .BrandSystem_content .BrandSystem_content_list .content_list_icon img{ width: 3.2823vw; max-width: 63px;} .BrandSystem .BrandSystem_content .BrandSystem_content_list .content_list_txt .list_txt_dd{ color: #fff; margin-bottom: 10px;} .BrandSystem .BrandSystem_content .BrandSystem_content_list .content_list_txt .list_txt_dd span{ color: rgba(255,255,255,.35);} .BrandSystem .BrandSystem_content .BrandSystem_content_list .content_list_txt .list_txt_dt{ color: #fff;} .BrandSystem .BrandSystem_content .BrandSystem_content_list .content_list_po .content_list_nav{ display: flex; padding-top: 25px; margin-top: 25px; border-top: 1px solid rgba(255,255,255,.15);} .BrandSystem .BrandSystem_content .BrandSystem_content_list .content_list_po .content_list_nav .list_nav_li p{ margin-bottom: 10px;} .BrandSystem .BrandSystem_content .BrandSystem_content_list .content_list_po .content_list_nav .list_nav_li p:last-child{ margin-bottom: 0;} .BrandSystem .BrandSystem_content .BrandSystem_content_list .content_list_po .content_list_nav .list_nav_li p a{ color: #fff; display: flex; align-items: center;} .BrandSystem .BrandSystem_content .BrandSystem_content_list .content_list_po .content_list_nav .list_nav_li p a img{ margin-right: 5px;} .BrandSystem .BrandSystem_content .BrandSystem_content_list:hover .content_list_img img{ opacity: 0;} .BrandSystem .BrandSystem_content .BrandSystem_content_list:hover .content_list_po{ opacity: 1;} .BrandSystem .BrandSystem_content .BrandSystem_content_list:hover .content_list_title{ opacity: 0;} .UserBuilding .pc_all_content{ background: url(../images/bg43.jpg) no-repeat 50%/cover; border-radius: 5px; padding: 8% 4%; position: relative; align-items: center;} .UserBuilding .pc_all_content .HExplore_left{ width: 32%;} .UserBuilding .pc_all_content .HExplore_left .title.color .title_left .title_left_p{ margin-top: 0;} .UserBuilding .pc_all_content .HExplore_right{ border-bottom: 0; width: 55%;} .UserBuilding .pc_all_content .HExplore_right .HExplore_right_list{ border-top: 0; border-bottom: 1px solid rgba(255,255,255,.05);} .UserBuilding .pc_all_content .HExplore_right .HExplore_right_list::before{ top: auto; bottom: 0;} .UserBuilding .pc_all_content .HExplore_right .HExplore_right_list .right_list_left{ width: calc(100% - 100px);} .UserBuilding .pc_all_content .HExplore_right .HExplore_right_list .right_list_left .list_left_title .left_title_dd{ color: #fff; opacity: .6;} .UserBuilding .pc_all_content .HExplore_right .HExplore_right_list .right_list_left .list_left_title .left_title_dt{ color: #fff; opacity: .3;} .UserBuilding .pc_all_content .HExplore_right .HExplore_right_list .right_list_txt{ color: #fff; opacity: .05;} .UserBuilding .pc_all_content .HExplore_right .HExplore_right_list:hover .right_list_left .list_left_title .left_title_dd{ opacity: 1;} .UserBuilding .pc_all_content .HExplore_right .HExplore_right_list:hover .right_list_left .list_left_title .left_title_dt{ opacity: 1;} .DStrategy .DStrategy_content{ display: flex; justify-content: space-between; align-items: center;} .DStrategy .DStrategy_content .DStrategy_content_left{ width: 40%; display: flex; justify-content: center;} .DStrategy .DStrategy_content .DStrategy_content_left .content_left_box{ position: relative; width: 100%; display: flex; justify-content: center;} .DStrategy .DStrategy_content .DStrategy_content_left .content_left_box img{ max-width: 100%;} .DStrategy .DStrategy_content .DStrategy_content_left .content_left_box .content_left_icon1 img{ max-width: 421px; width: 21.9341vw;} .DStrategy .DStrategy_content .DStrategy_content_left .content_left_box .content_left_icon2 img{ max-width: 535px; width: 27.8735vw;} .DStrategy .DStrategy_content .DStrategy_content_left .content_left_box .content_left_icon3 img{ max-width: 64px; width: 3.3344vw;} .DStrategy .DStrategy_content .DStrategy_content_left .content_left_icon1{position: absolute; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; top: 0; left: 0; -webkit-animation:DStrategyicon2 2s linear infinite;animation:DStrategyicon2 20s linear infinite;} .DStrategy .DStrategy_content .DStrategy_content_left .content_left_icon2{ -webkit-animation:DStrategyicon1 2s linear infinite;animation:DStrategyicon1 20s linear infinite;} .DStrategy .DStrategy_content .DStrategy_content_left .content_left_icon3{position: absolute; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; top: 0; left: 0;} @keyframes DStrategyicon1{ 0% { transform: rotate(0deg); } 100% { transform: rotate(-360deg); } } @keyframes DStrategyicon2{ 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } .DStrategy .DStrategy_content .DStrategy_content_right{ width: 55%;} .DStrategy .DStrategy_content .DStrategy_content_right .content_right_list{ display: flex; padding: 45px 0px; border-bottom: 1px solid #eeeeee; align-items: center; justify-content: space-between; position: relative;} .DStrategy .DStrategy_content .DStrategy_content_right .content_right_list::before{ content: ""; display: inline-block; width: 0%; height: 1px; background: #f1893d; left: 0; position: absolute; bottom: -1px; opacity: 0;} .DStrategy .DStrategy_content .DStrategy_content_right .content_right_list:hover::before{ width: 100%; opacity: 1;} .DStrategy .DStrategy_content .DStrategy_content_right .content_right_list .right_list_left{ color: #eeeeee; width: 130px;} .DStrategy .DStrategy_content .DStrategy_content_right .content_right_list .right_list_right{ width: calc(100% - 130px);} .DStrategy .DStrategy_content .DStrategy_content_right .content_right_list .right_list_right .list_right_dd{ color: #333333; margin-bottom: 13px;} .DStrategy .DStrategy_content .DStrategy_content_right .content_right_list .right_list_right .list_right_dt{ color: #666666;} @media screen and (max-width:1650px){ .BrandSystem .BrandSystem_content .BrandSystem_content_list .content_list_title,.BrandSystem .BrandSystem_content .BrandSystem_content_list .content_list_po{ padding: 40px;} .BrandSystem .BrandSystem_content .BrandSystem_content_list .content_list_icon{ margin-bottom: 30px;} .BrandSystem .BrandSystem_content .BrandSystem_content_list .content_list_po .content_list_nav{ margin-top: 22px; padding-top: 22px;} .DStrategy .DStrategy_content .DStrategy_content_right .content_right_list{ padding: 43px 0px;} } @media screen and (max-width:1550px){ .BrandSystem .BrandSystem_content .BrandSystem_content_list .content_list_title,.BrandSystem .BrandSystem_content .BrandSystem_content_list .content_list_po{ padding: 35px;} .BrandSystem .BrandSystem_content .BrandSystem_content_list .content_list_icon{ margin-bottom: 27px;} .BrandSystem .BrandSystem_content .BrandSystem_content_list .content_list_po .content_list_nav{ margin-top: 20px; padding-top: 20px;} .DStrategy .DStrategy_content .DStrategy_content_right .content_right_list{ padding: 40px 0px;} } @media screen and (max-width:1450px){ .BrandSystem .BrandSystem_content .BrandSystem_content_list .content_list_title,.BrandSystem .BrandSystem_content .BrandSystem_content_list .content_list_po{ padding: 30px;} .BrandSystem .BrandSystem_content .BrandSystem_content_list .content_list_icon{ margin-bottom: 24px;} .BrandSystem .BrandSystem_content .BrandSystem_content_list .content_list_po .content_list_nav{ margin-top: 19px; padding-top: 19px;} .BrandSystem .BrandSystem_content .BrandSystem_content_list .content_list_img img{ height: 390px;} .DStrategy .DStrategy_content .DStrategy_content_right .content_right_list{ padding: 38px 0px;} } @media screen and (max-width:1366px){ .BrandSystem .BrandSystem_content .BrandSystem_content_list .content_list_title,.BrandSystem .BrandSystem_content .BrandSystem_content_list .content_list_po{ padding: 28px;} .BrandSystem .BrandSystem_content .BrandSystem_content_list .content_list_icon{ margin-bottom: 22px;} .BrandSystem .BrandSystem_content .BrandSystem_content_list .content_list_img img{ height: 340px;} .DStrategy .DStrategy_content .DStrategy_content_right .content_right_list{ padding: 35px 0px;} } @media screen and (max-width:1280px){ .BrandSystem .BrandSystem_content .BrandSystem_content_list .content_list_img img{ height: 320px;} .DStrategy .DStrategy_content .DStrategy_content_right .content_right_list{ padding: 32px 0px;} } @media screen and (max-width:1200px){ .BrandSystem .BrandSystem_content .BrandSystem_content_list .content_list_img img{ height: 300px;} .DStrategy .DStrategy_content .DStrategy_content_right .content_right_list{ padding: 30px 0px;} } @media screen and (max-width:1024px){ /*ipad-y*/ .BrandSystem .BrandSystem_content .BrandSystem_content_list{ width: calc(33.33% - 5px);} .BrandSystem .BrandSystem_content .BrandSystem_content_list .content_list_img img{ height: 280px;} } @media screen and (max-width:980px){ /*ipad-x*/ .BrandSystem .BrandSystem_content .BrandSystem_content_list .content_list_img img{ height: 260px;} } @media screen and (max-width:766px){ /*iphone*/ .BrandSystem .BrandSystem_content .BrandSystem_content_list{ width: 100%; margin-bottom: 22px; background: #f1893d;} .BrandSystem .BrandSystem_content .BrandSystem_content_list:last-child{ margin-bottom: 0;} .BrandSystem .BrandSystem_content .BrandSystem_content_list .content_list_img{ height: auto;} .BrandSystem .BrandSystem_content .BrandSystem_content_list .content_list_img img{ height: auto;} .BrandSystem .BrandSystem_content .BrandSystem_content_list .content_list_title{ display: none;} .BrandSystem .BrandSystem_content .BrandSystem_content_list:hover .content_list_img img{ opacity: 1;} .BrandSystem .BrandSystem_content .BrandSystem_content_list .content_list_po{ padding: 22px; opacity: 1; position: relative; height: auto;} .BrandSystem .BrandSystem_content .BrandSystem_content_list .content_list_icon{ margin-bottom: 16px;} .BrandSystem .BrandSystem_content .BrandSystem_content_list .content_list_icon img{ width: 45px;} .BrandSystem .BrandSystem_content .BrandSystem_content_list .content_list_po .content_list_nav{ margin-top: 18px; padding-top: 18px;} .UserBuilding .pc_all_content{ padding: 45px 22px;} .UserBuilding .pc_all_content .HExplore_left,.UserBuilding .pc_all_content .HExplore_right{ width: 100%;} .UserBuilding .pc_all_content .HExplore_right .HExplore_right_list .right_list_left{ width: 72%; flex-wrap: wrap;} .UserBuilding .pc_all_content .HExplore_right .HExplore_right_list .right_list_left .list_left_title{ width: 100%; margin-top: 18px;} .DStrategy .DStrategy_content{ flex-wrap: wrap;} .DStrategy .DStrategy_content .DStrategy_content_right{ margin-top: 25px;} .DStrategy .DStrategy_content .DStrategy_content_right .content_right_list .right_list_left{ width: 80px;} .DStrategy .DStrategy_content .DStrategy_content_right .content_right_list .right_list_right{ width: calc(100% - 100px);} .DStrategy .DStrategy_content .DStrategy_content_left,.DStrategy .DStrategy_content .DStrategy_content_right{ width: 100%;} .DStrategy .DStrategy_content .DStrategy_content_right .content_right_list{ padding: 30px 0px;} .DStrategy .DStrategy_content .DStrategy_content_left .content_left_box .content_left_icon1 img{ max-width: 421px; width: 80%;} .DStrategy .DStrategy_content .DStrategy_content_left .content_left_box .content_left_icon2 img{ max-width: 535px; width: 100%;} .DStrategy .DStrategy_content .DStrategy_content_left .content_left_box .content_left_icon3 img{ max-width: 64px; width: 52px;} } /* 3-2方法论与执行体系 */ .WCMethodology{ position: relative;} .WCMethodology .WCMethodology_icon{ position: absolute; right: 0; top: 0; max-width: 570px; width: 29.697vw;} .WCMethodology .WCMethodology_icon img{ width: 100%;} .WCMethodology .pc_all_content .WCMethodology_content{ border-bottom: 0; display: flex;} .WCMethodology .pc_all_content .WCMethodology_content .WCMethodology_content_icon{ position: relative;} .WCMethodology .pc_all_content .WCMethodology_content .WCMethodology_content_icon .content_icon_box{ max-width: 754px; width: 39.2834vw; position: relative; z-index: 3;} .WCMethodology .pc_all_content .WCMethodology_content .WCMethodology_content_icon .content_icon_li{ position: absolute;} .WCMethodology .pc_all_content .WCMethodology_content .WCMethodology_content_icon .content_icon_li .icon_li_dd{ color: #333333; display: flex; align-items: center;} .WCMethodology .pc_all_content .WCMethodology_content .WCMethodology_content_icon .content_icon_li .icon_li_dd img{ margin-right: 7px;} .WCMethodology .pc_all_content .WCMethodology_content .WCMethodology_content_icon .content_icon_li .icon_li_dt{ color: #666666; padding-left: 22px; margin-top: 10px;} .WCMethodology .pc_all_content .WCMethodology_content .WCMethodology_content_icon .content_icon_li.content_icon_li1{ right: -207px; top: 28%;} .WCMethodology .pc_all_content .WCMethodology_content .WCMethodology_content_icon .content_icon_li.content_icon_li2{ right: -420px; top: 59%; transform: translateY(-50%);} .WCMethodology .pc_all_content .WCMethodology_content .WCMethodology_content_icon .content_icon_li.content_icon_li3{ right: -370px; top: 82%;} .WCMethodology .pc_all_content .WCMethodology_content .WCMethodology_content_icon .content_icon_li::before{ content: ""; display: inline-block; width: 228px; height: 1px; border-bottom: 1px dashed #bfbfbf; position: absolute; left: -248px; top: 12px;} .WCMethodology .pc_all_content .WCMethodology_content .WCMethodology_content_icon .content_icon_li2::before{ width: 258px; left: -278px;} .WCMethodology .pc_all_content .WCMethodology_content .WCMethodology_content_icon .content_icon_li3::before{ width: 428px; left: -458px;} .WebsiteISystem{ background: url(../images/bg45.jpg) no-repeat 50%/cover; } .WebsiteISystem .WebsiteISystem_content{ display: flex; justify-content: space-between; border-top: 1px solid rgba(255,255,255,.05); padding-top: 45px;} .WebsiteISystem .WebsiteISystem_content .WebsiteISystem_content_list{ width: calc(20% - 15px); border-radius: 5px; background: #3f3f3f; padding: 45px 30px; display: flex; flex-direction: column; justify-content: space-between;} .WebsiteISystem .WebsiteISystem_content .WebsiteISystem_content_list.active{ width: calc(40% - 15px); background: #ff8e39;} .WebsiteISystem .WebsiteISystem_content .WebsiteISystem_content_list .content_list_title{ color: #fff; margin-bottom: 25px; border-bottom: 1px solid rgba(255,255,255,.1); padding-bottom: 25px; display: flex; align-items: center; justify-content: space-between;} .WebsiteISystem .WebsiteISystem_content .WebsiteISystem_content_list .content_list_title .list_title_left span{ opacity: .3; margin-top: 10px; display: inline-block;} .WebsiteISystem .WebsiteISystem_content .WebsiteISystem_content_list .content_list_title .list_title_right{ opacity: .1;} .WebsiteISystem .WebsiteISystem_content .WebsiteISystem_content_list .content_list_nav{ display: flex; flex-wrap: wrap; justify-content: space-between; height: 72px;} .WebsiteISystem .WebsiteISystem_content .WebsiteISystem_content_list .content_list_nav a{ color: #fff; width: 48%; margin-bottom: 22px; line-height: 1.3;} .WebsiteISystem .WebsiteISystem_content .WebsiteISystem_content_list .content_list_nav a img{ margin-right: 3px; position: relative; top: 3px;} .WebsiteISystem .WebsiteISystem_content .WebsiteISystem_content_list .content_list_icon{ display: flex; align-items: flex-end; justify-content: space-between; margin-top: 40px;} .WebsiteISystem .WebsiteISystem_content .WebsiteISystem_content_list .content_list_icon .list_icon_left{ opacity: 0; width: 50%;} .WebsiteISystem .WebsiteISystem_content .WebsiteISystem_content_list .content_list_icon .list_icon_right{ text-align: right;} .WebsiteISystem .WebsiteISystem_content .WebsiteISystem_content_list .content_list_icon .list_icon_right .icon_right_dd img{ opacity: .1; width: 3.3344vw; max-width: 64px;} .WebsiteISystem .WebsiteISystem_content .WebsiteISystem_content_list .content_list_icon .list_icon_right .icon_right_dt{ color: #fff; opacity: .1; text-transform: capitalize; margin-top: 11px; } .WebsiteISystem .WebsiteISystem_content .WebsiteISystem_content_list.active .content_list_icon .list_icon_left{ opacity: 1;} .WebsiteISystem .WebsiteISystem_content .WebsiteISystem_content_list.active .content_list_nav{ justify-content: flex-start;} .WebsiteISystem .WebsiteISystem_content .WebsiteISystem_content_list.active .content_list_nav a{ width: 33.33%;} .ProfessionalI .ProfessionalI_content{ border-radius: 5px; overflow: hidden; position: relative;} .ProfessionalI .ProfessionalI_content img{ width: 100%;} .ProfessionalI .ProfessionalI_content .ProfessionalI_content_po{ position: absolute; bottom: 0; left: 0; padding: 50px; width: 35%;} .ProfessionalI .ProfessionalI_content .ProfessionalI_content_po .content_po_dd{ color: #fff; line-height: 1.3;} .ProfessionalI .ProfessionalI_content .ProfessionalI_content_po .content_po_dt{ color: #fff; opacity: .9; margin-top: 15px; margin-bottom: 33px;} .ProfessionalI .ProfessionalI_content .ProfessionalI_content_po .content_po_btn{ display: flex;} @media screen and (max-width:1920px){ .WCMethodology .pc_all_content .WCMethodology_content .WCMethodology_content_icon .content_icon_li.content_icon_li1{right:-10.7847vw;top:28%;} .WCMethodology .pc_all_content .WCMethodology_content .WCMethodology_content_icon .content_icon_li.content_icon_li2{right:-21.882vw;top:59%;transform:translateY(-50%);} .WCMethodology .pc_all_content .WCMethodology_content .WCMethodology_content_icon .content_icon_li.content_icon_li3{right:-19.277vw;top:82%;} .WCMethodology .pc_all_content .WCMethodology_content .WCMethodology_content_icon .content_icon_li::before{width:11.8788vw;left:-12.9208vw;top:0.6252vw;} .WCMethodology .pc_all_content .WCMethodology_content .WCMethodology_content_icon .content_icon_li2::before{width:13.4418vw;left:-14.4838vw;} .WCMethodology .pc_all_content .WCMethodology_content .WCMethodology_content_icon .content_icon_li3::before{width:22.2988vw;left:-23.8618vw;} } @media screen and (max-width:1650px){ .WebsiteISystem .WebsiteISystem_content .WebsiteISystem_content_list{ padding: 40px 25px;} .ProfessionalI .ProfessionalI_content .ProfessionalI_content_po{ width: 37%; padding: 45px;} } @media screen and (max-width:1550px){ .WebsiteISystem .WebsiteISystem_content .WebsiteISystem_content_list{ padding: 35px 20px;} } @media screen and (max-width:1450px){ .WebsiteISystem .WebsiteISystem_content .WebsiteISystem_content_list{ padding: 30px 18px;} .WebsiteISystem .WebsiteISystem_content .WebsiteISystem_content_list .content_list_nav a{ width: 100%; margin-bottom: 10px;} .ProfessionalI .ProfessionalI_content .ProfessionalI_content_po{ width: 40%; padding: 40px;} } @media screen and (max-width:1366px){ .WCMethodology .pc_all_content .WCMethodology_content .WCMethodology_content_icon .content_icon_li::before{width:9vw;left:-9.9208vw;} .WCMethodology .pc_all_content .WCMethodology_content .WCMethodology_content_icon .content_icon_li2::before{width:10vw;left:-11.4838vw;} .WCMethodology .pc_all_content .WCMethodology_content .WCMethodology_content_icon .content_icon_li3::before{width:20vw;left:-20.8618vw;} .WebsiteISystem .WebsiteISystem_content .WebsiteISystem_content_list{ width: calc(20% - 8px);} .WebsiteISystem .WebsiteISystem_content .WebsiteISystem_content_list .content_list_icon .list_icon_right .icon_right_dt{ font-size: 30px;} .WebsiteISystem .WebsiteISystem_content .WebsiteISystem_content_list .content_list_nav{ height: 135px;} .WebsiteISystem .WebsiteISystem_content .WebsiteISystem_content_list.active .content_list_nav{ overflow: hidden; display: inline-block; width: 100%;} .WebsiteISystem .WebsiteISystem_content .WebsiteISystem_content_list.active .content_list_nav a{ width: 48%; float: left;} .WebsiteISystem .WebsiteISystem_content .WebsiteISystem_content_list.active .content_list_nav a:nth-child(2n){ float: right;} .ProfessionalI .ProfessionalI_content .ProfessionalI_content_po{ width: 44%; padding: 35px;} } @media screen and (max-width:1280px){ .WCMethodology .pc_all_content .HExplore_left{ width: 22%;} .WCMethodology .pc_all_content .HExplore_right{ width: 73%;} .WCMethodology .pc_all_content .WCMethodology_content .WCMethodology_content_icon .content_icon_li.content_icon_li1{right:-120px;top:28%;} .WCMethodology .pc_all_content .WCMethodology_content .WCMethodology_content_icon .content_icon_li.content_icon_li2{right:-300px;top:59%;} .WCMethodology .pc_all_content .WCMethodology_content .WCMethodology_content_icon .content_icon_li.content_icon_li3{right:-220px;top:82%;} .WCMethodology .pc_all_content .WCMethodology_content .WCMethodology_content_icon .content_icon_li::before{width:110px;left:-120px;;} .WCMethodology .pc_all_content .WCMethodology_content .WCMethodology_content_icon .content_icon_li2::before{width:120px;left:-130px;} .WCMethodology .pc_all_content .WCMethodology_content .WCMethodology_content_icon .content_icon_li3::before{width:250px;left:-260px;} .WCMethodology .pc_all_content .WCMethodology_content .WCMethodology_content_icon .content_icon_box{ width: 495px;} .WebsiteISystem .WebsiteISystem_content .WebsiteISystem_content_list .content_list_icon .list_icon_right .icon_right_dt{ font-size: 26px;} .ProfessionalI .ProfessionalI_content .ProfessionalI_content_img img{ height: 397px; object-fit: cover;} .ProfessionalI .ProfessionalI_content .ProfessionalI_content_po{ width: 48%; padding: 30px;} } @media screen and (max-width:1200px){ .WebsiteISystem .WebsiteISystem_content .WebsiteISystem_content_list .content_list_icon .list_icon_right .icon_right_dt{ font-size: 22px;} .ProfessionalI .ProfessionalI_content .ProfessionalI_content_po{ width: 50%; } } @media screen and (max-width:1024px){ /*ipad-y*/ .WCMethodology .pc_all_content{ flex-wrap: wrap;} .WCMethodology .pc_all_content .HExplore_left,.WCMethodology .pc_all_content .WCMethodology_content{ width: 100%;} .WCMethodology .pc_all_content .HExplore_left{ margin-bottom: 35px;} .WebsiteISystem .WebsiteISystem_content .WebsiteISystem_content_list .content_list_icon .list_icon_right .icon_right_dt{ font-size: 20px;} } @media screen and (max-width:980px){ /*ipad-x*/ .WCMethodology .pc_all_content .WCMethodology_content .WCMethodology_content_icon .content_icon_li.content_icon_li1{right:-160px;top:28%;} .WCMethodology .pc_all_content .WCMethodology_content .WCMethodology_content_icon .content_icon_li.content_icon_li2{right:-300px;top:63%;} .WCMethodology .pc_all_content .WCMethodology_content .WCMethodology_content_icon .content_icon_li.content_icon_li3{right:-220px;top:82%;} .WCMethodology .pc_all_content .WCMethodology_content .WCMethodology_content_icon .content_icon_li::before{width:70px;left:-80px; top: 8px;} .WCMethodology .pc_all_content .WCMethodology_content .WCMethodology_content_icon .content_icon_li2::before{width:120px;left:-130px;} .WCMethodology .pc_all_content .WCMethodology_content .WCMethodology_content_icon .content_icon_li3::before{width:192px;left:-205px;} .WCMethodology .pc_all_content .WCMethodology_content .WCMethodology_content_icon .content_icon_box{ width: 380px;} .WebsiteISystem .WebsiteISystem_content .WebsiteISystem_content_list.active .content_list_nav a{ width: 100%; float: left;} .ProfessionalI .ProfessionalI_content .ProfessionalI_content_po{ width: 100%;} } @media screen and (max-width:766px){ /*iphone*/ .title .title_left .title_left_p5{ margin-top: 20px;} .WCMethodology .pc_all_content .WCMethodology_content .WCMethodology_content_icon .content_icon_box{ width: 100%;} .WCMethodology .pc_all_content .WCMethodology_content .WCMethodology_content_icon .content_icon_li{ position: relative; top: 0 !important; left: 0 !important; right: 0 !important; bottom: 0 !important; transform: none !important; margin-top: 25px;} .WCMethodology .pc_all_content .WCMethodology_content .WCMethodology_content_icon .content_icon_li::before{ display: none;} .WebsiteISystem .WebsiteISystem_content{ flex-wrap: wrap;} .WebsiteISystem .WebsiteISystem_content .WebsiteISystem_content_list,.WebsiteISystem .WebsiteISystem_content .WebsiteISystem_content_list.active{ width: 100%; margin-bottom: 20px;} .WebsiteISystem .WebsiteISystem_content .WebsiteISystem_content_list:last-child{ margin-bottom: 0;} .WebsiteISystem .WebsiteISystem_content .WebsiteISystem_content_list .content_list_nav{ display: block; height: auto;} .WebsiteISystem .WebsiteISystem_content .WebsiteISystem_content_list .content_list_nav a{ display: inline-block;} .WebsiteISystem .WebsiteISystem_content .WebsiteISystem_content_list .content_list_icon .list_icon_right .icon_right_dd img{ width: 42px;} .WebsiteISystem .WebsiteISystem_content .WebsiteISystem_content_list .content_list_icon{ margin-top: 20px;} } /* 3-2方法论与执行体系 */ .ODigital .pc_all_content .ODigital_content{ position: relative; border-bottom: 0;} .ODigital .pc_all_content .ODigital_content .ODigital_content_list{ position: relative; border-radius: 5px; overflow: hidden;;} .ODigital .pc_all_content .ODigital_content .ODigital_content_list .content_list_img img{ width: 100%; height: 480px; object-fit: cover;} .ODigital .pc_all_content .ODigital_content .ODigital_content_list .content_list_title{ position: absolute; bottom: 0; left: 0; width: 100%; display: flex; align-items: flex-end; color: #fff; padding: 38px; height: 100%; background: linear-gradient(to bottom, rgba(0,0,0,0), rgba(0,0,0,.5)); } .ODigital .pc_all_content .ODigital_content .ODigital_content_list .content_list_title span{ display: flex; align-items: center;} .ODigital .pc_all_content .ODigital_content .ODigital_content_list .content_list_title img{ margin-left: 4px;} .ODigital .pc_all_content .ODigital_content .ODigital_content_list .content_list_po{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: #f18c34; padding: 40px; opacity: 0;} .ODigital .pc_all_content .ODigital_content .ODigital_content_list .content_list_po .list_po_top .po_top_dd img{ max-width: 62px; width: 3.2302vw;} .ODigital .pc_all_content .ODigital_content .ODigital_content_list .content_list_po .list_po_top .po_top_dt{ color: #fff; margin-top: 20px;} .ODigital .pc_all_content .ODigital_content .ODigital_content_list .content_list_po .list_po_txt{ margin-top: 25px; border-top: 1px solid rgba(255,255,255,.15);} .ODigital .pc_all_content .ODigital_content .ODigital_content_list .content_list_po .list_po_txt .po_txt_li{ color: #fff; display: inline-block; width: 100%; padding: 18px 0px; border-bottom: 1px solid rgba(255,255,255,.15); background: url(../images/bn9on.png) no-repeat 0% 50%; padding-left: 22px;overflow: hidden; text-overflow:ellipsis; white-space: nowrap;} .ODigital .pc_all_content .ODigital_content .ODigital_content_list .content_list_po .list_po_txt .po_txt_li:hover{ border-bottom: 1px solid #fff;} .ODigital .pc_all_content .ODigital_content .ODigital_content_list:hover .content_list_po{ opacity: 1;} .SiteService .pc_all_content{ background: url(../images/bg51.jpg) no-repeat 50%/cover; border-radius: 5px; overflow: hidden;display: flex; flex-direction: column; align-items: flex-end;} .SiteService .pc_all_content .SiteService_content{ width: calc(66% + 6px); padding-right: 30px;} .SiteService .pc_all_content .SiteService_content .SiteService_content_txt{ display: flex; flex-wrap: wrap; justify-content: space-between;} .SiteService .pc_all_content .SiteService_content .SiteService_content_list{ width: calc(33.33% - 15px); background: rgb(45,45,45,.95); border-radius: 5px; padding: 40px 30px; } .SiteService .pc_all_content .SiteService_content .SiteService_content_list .content_list_icon{ display: flex; align-items: flex-start; justify-content: space-between;} .SiteService .pc_all_content .SiteService_content .SiteService_content_list .content_list_icon .list_icon_dd img{ max-width: 68px; width: 3.5428vw;} .SiteService .pc_all_content .SiteService_content .SiteService_content_list .content_list_txt{ margin-top: 70px;} .SiteService .pc_all_content .SiteService_content .SiteService_content_list .content_list_txt .list_txt_dd{ color: #fff;} .SiteService .pc_all_content .SiteService_content .SiteService_content_list .content_list_txt .list_txt_dt{ color: #fff; margin-top: 18px;} .DigitalMarketing{ background: url(../images/bg52.jpg) no-repeat 50%/cover; height: 789px; display: flex; align-items: center;} .DigitalMarketing .pc_all_content{ display: flex; justify-content: space-between; padding-right: 30px;} .DigitalMarketing .DigitalMarketing_left{ width: 30%; padding: 55px 0px;} .DigitalMarketing .DigitalMarketing_left .title{ height: 100%;} .DigitalMarketing .DigitalMarketing_right{ width: 55%; display: flex; align-items: center; justify-content: space-between;} .DigitalMarketing .DigitalMarketing_right .DigitalMarketing_right_icon{ position: relative; width: 53%;} .DigitalMarketing .DigitalMarketing_right .DigitalMarketing_right_icon .right_icon_ic{ display: inline-block; position: absolute; right:-7.9192vw; top: 50%; transform: translateY(-50%);} .DigitalMarketing .DigitalMarketing_right .DigitalMarketing_right_icon .right_icon_ic img{ max-width: 102px; width: 5.3142vw;} .DigitalMarketing .DigitalMarketing_right .DigitalMarketing_right_icon .right_icon_img{ -webkit-animation:DStrategyicon2 2s linear infinite;animation:DStrategyicon2 20s linear infinite;} .DigitalMarketing .DigitalMarketing_right .DigitalMarketing_right_icon .right_icon_img img{ width: 100%;} .DigitalMarketing .DigitalMarketing_right .DigitalMarketing_right_icon .right_icon_title{ position: absolute; top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%); text-align: center;} .DigitalMarketing .DigitalMarketing_right .DigitalMarketing_right_icon .right_icon_title .icon_title_dd{ color: #fff;} .DigitalMarketing .DigitalMarketing_right .DigitalMarketing_right_icon .right_icon_title .icon_title_dt{ color: #fff; opacity: .5; margin-top: 16px;} .DigitalMarketing .DigitalMarketing_right .DigitalMarketing_right_txt{ border: 1px solid rgba(255,255,255,.16); border-radius: 20px; padding: 50px 0px; max-width: 227px; width: 11.8267vw;} .DigitalMarketing .DigitalMarketing_right .DigitalMarketing_right_txt .right_txt_list{ text-align: center;} .DigitalMarketing .DigitalMarketing_right .DigitalMarketing_right_txt .right_txt_list .txt_list_dd{ color: #fff;} .DigitalMarketing .DigitalMarketing_right .DigitalMarketing_right_txt .right_txt_list .txt_list_dt{ color: #fff; margin-top: 13px; opacity: .2;} .DigitalMarketing .DigitalMarketing_right .DigitalMarketing_right_txt .right_txt_list2{ text-align: center; margin: 22px 0px;} .DigitalMarketing .DigitalMarketing_right .DigitalMarketing_right_txt .right_txt_list:hover .txt_list_dd{ color: #f18c34;} .DigitalMarketing .DigitalMarketing_right .DigitalMarketing_right_txt .right_txt_list:hover .txt_list_dt{ color: #f18c34;} .DigitalUpgrade .DigitalUpgrade_content .DigitalUpgrade_content_list{ display: flex; align-items: center; justify-content: space-between; border-bottom: 1px solid rgba(255,255,255,.16); padding: 30px 0px;} .DigitalUpgrade .DigitalUpgrade_content .DigitalUpgrade_content_list:first-child{ border-top: 1px solid rgba(255,255,255,.16);} .DigitalUpgrade .DigitalUpgrade_content .DigitalUpgrade_content_list .content_list_icon{ width: 75px; display: flex;} .DigitalUpgrade .DigitalUpgrade_content .DigitalUpgrade_content_list .content_list_icon span{ display: flex; align-items: center; justify-content: center; position: relative;} .DigitalUpgrade .DigitalUpgrade_content .DigitalUpgrade_content_list .content_list_icon span img:last-child{ position: absolute; left: 0; top: 0; opacity: 0;} .DigitalUpgrade .DigitalUpgrade_content .DigitalUpgrade_content_list .content_list_txt{ width: calc(100% - 115px);} .DigitalUpgrade .DigitalUpgrade_content .DigitalUpgrade_content_list .content_list_txt .list_txt_dd{ color: #fff;} .DigitalUpgrade .DigitalUpgrade_content .DigitalUpgrade_content_list .content_list_txt .list_txt_dt{ color: #fff; margin-top: 14px;} .DigitalUpgrade .DigitalUpgrade_content .DigitalUpgrade_content_list:hover{ border-bottom: 1px solid #f18c34;} .DigitalUpgrade .DigitalUpgrade_content .DigitalUpgrade_content_list:hover .content_list_txt .list_txt_dd{ color: #f18c34;} .DigitalUpgrade .DigitalUpgrade_content .DigitalUpgrade_content_list:hover .content_list_icon span img{ opacity: 0;} .DigitalUpgrade .DigitalUpgrade_content .DigitalUpgrade_content_list:hover .content_list_icon span img:last-child{ opacity: 1;} @media screen and (max-width:1650px){ .title .title_left .title_left_bottom{ margin-top: 90px;} .title.marginbottom100{ margin-bottom: 90px;} .ODigital .pc_all_content .ODigital_content .ODigital_content_list .content_list_po,.ODigital .pc_all_content .ODigital_content .ODigital_content_list .content_list_title{ padding: 35px;} .ODigital .pc_all_content .ODigital_content .ODigital_content_list .content_list_img img{ height: 460px;} .ODigital .pc_all_content .ODigital_content .ODigital_content_list .content_list_po .list_po_txt .po_txt_li{ padding: 17px 22px;} .SiteService .pc_all_content .SiteService_content{ width: 67%;} .SiteService .pc_all_content .SiteService_content .SiteService_content_list{ padding: 35px 25px;} .SiteService .pc_all_content .SiteService_content .SiteService_content_list .content_list_txt{ margin-top: 60px;} .DigitalMarketing{ height: 740px;} .DigitalMarketing .DigitalMarketing_right{ width: 57%;} .DigitalUpgrade .Serviceobjectives_img .Serviceobjectives_img_list img{ height: 700px;} .DigitalUpgrade .DigitalUpgrade_content .DigitalUpgrade_content_list .content_list_txt{ width: calc(100% - 88px);} .DigitalUpgrade .DigitalUpgrade_content .DigitalUpgrade_content_list .content_list_icon span img{ height: 68px;} } @media screen and (max-width:1550px){ .title .title_left .title_left_bottom{ margin-top: 80px;} .title.marginbottom100{ margin-bottom: 80px;} .ODigital .pc_all_content .ODigital_content .ODigital_content_list .content_list_po,.ODigital .pc_all_content .ODigital_content .ODigital_content_list .content_list_title{ padding: 30px;} .ODigital .pc_all_content .ODigital_content .ODigital_content_list .content_list_img img{ height: 440px;} .ODigital .pc_all_content .ODigital_content .ODigital_content_list .content_list_po .list_po_txt .po_txt_li{ padding: 16px 22px;} .SiteService .pc_all_content .SiteService_content{ width: 68%;} .SiteService .pc_all_content .SiteService_content .SiteService_content_list{ padding: 30px 20px;} .SiteService .pc_all_content .SiteService_content .SiteService_content_list .content_list_txt{ margin-top: 50px;} .DigitalMarketing{ height: 700px;} .DigitalMarketing .DigitalMarketing_right{ width: 59%;} .DigitalMarketing .DigitalMarketing_right .DigitalMarketing_right_txt{ width: 15vw;} .DigitalUpgrade .DigitalUpgrade_content .DigitalUpgrade_content_list .content_list_icon span img{ height: 66px;} } @media screen and (max-width:1450px){ .title .title_left .title_left_bottom{ margin-top: 70px;} .title.marginbottom100{ margin-bottom: 70px;} .ODigital .pc_all_content .ODigital_content .ODigital_content_list .content_list_po,.ODigital .pc_all_content .ODigital_content .ODigital_content_list .content_list_title{ padding: 25px;} .ODigital .pc_all_content .ODigital_content .ODigital_content_list .content_list_img img{ height: 420px;} .ODigital .pc_all_content .ODigital_content .ODigital_content_list .content_list_po .list_po_txt .po_txt_li{ padding: 15px 22px;} .SiteService .pc_all_content .SiteService_content{ width: 69%;} .SiteService .pc_all_content .SiteService_content .SiteService_content_list .content_list_txt{ margin-top: 40px;} .DigitalMarketing{ height: 650px;} .DigitalMarketing .DigitalMarketing_right{ width: 61%;} .DigitalUpgrade .DigitalUpgrade_content .DigitalUpgrade_content_list .content_list_icon span img{ height: 64px;} } @media screen and (max-width:1366px){ .title .title_left .title_left_bottom{ margin-top: 60px;} .title.marginbottom100{ margin-bottom: 60px;} .ODigital .pc_all_content .ODigital_content .ODigital_content_list .content_list_img img{ height: 400px;} .SiteService .pc_all_content .SiteService_content{ width: 70%;} .SiteService .pc_all_content .SiteService_content .SiteService_content_list .content_list_txt{ margin-top: 30px;} .DigitalMarketing{ height: 600px;} .DigitalMarketing .DigitalMarketing_right{ width: 63%;} .DigitalUpgrade .DigitalUpgrade_content .DigitalUpgrade_content_list .content_list_icon span img{ height: 62px;} } @media screen and (max-width:1280px){ .title .title_left .title_left_bottom{ margin-top: 50px;} .title.marginbottom100{ margin-bottom: 50px;} .SiteService .pc_all_content .SiteService_content{ width: 71%;} .ODigital .pc_all_content .ODigital_content .ODigital_content_list .content_list_img img{ height: 380px;} .DigitalMarketing .DigitalMarketing_right{ width: 65%;} .DigitalUpgrade .DigitalUpgrade_content .DigitalUpgrade_content_list .content_list_icon span img{ height: 60px;} } @media screen and (max-width:1200px){ .title .title_left .title_left_bottom{ margin-top: 40px;} .title.marginbottom100{ margin-bottom: 40px;} .SiteService .pc_all_content .SiteService_content{ width: 73%;} .DigitalMarketing{ height: 550px;} .DigitalMarketing .DigitalMarketing_right .DigitalMarketing_right_txt{ width: 17vw;} } @media screen and (max-width:1024px){ /*ipad-y*/ .title .title_left .title_left_bottom{ margin-top: 30px;} .title.marginbottom100{ margin-bottom: 30px;} .ODigital .pc_all_content .ODigital_content .ODigital_content_list .content_list_img img{ height: 360px;} .SiteService .pc_all_content .SiteService_content{ width: 75%;} .SiteService .pc_all_content .SiteService_content .SiteService_content_list{ width: calc(33.33% - 8px);} } @media screen and (max-width:980px){ /*ipad-x*/ .ODigital .pc_all_content .ODigital_content .ODigital_content_list .content_list_img img{ height: 340px;} .SiteService .pc_all_content .SiteService_content{ width: 78%;} .DigitalMarketing{ height: 500px;} } @media screen and (max-width:766px){ /*iphone*/ .ODigital .pc_all_content .ODigital_content .ODigital_content_list .content_list_po .list_po_top .po_top_dd img{ width: 50px;} .ODigital .pc_all_content .ODigital_content .ODigital_content_list .content_list_img img{ height: 380px;} .SiteService .pc_all_content .SiteService_content{ width: 100%; padding: 30px;} .SiteService .pc_all_content .SiteService_content .SiteService_content_list{ width: 100%; margin-bottom: 20px;} .SiteService .pc_all_content .SiteService_content .SiteService_content_list:last-child{ margin-bottom: 0;} .SiteService .pc_all_content .SiteService_content .SiteService_content_list .content_list_icon .list_icon_dd img{ width: 46px;} .DigitalMarketing{ height: auto;} .DigitalMarketing .pc_all_content{ flex-wrap: wrap; padding-right: 0px;} .DigitalMarketing .DigitalMarketing_left{ padding-top: 0; padding-bottom: 25px;} .DigitalMarketing .DigitalMarketing_left,.DigitalMarketing .DigitalMarketing_right{ width: 100%;} .DigitalMarketing .DigitalMarketing_right{ margin-top: 22px; flex-wrap: wrap;} .DigitalMarketing .DigitalMarketing_right .DigitalMarketing_right_icon,.DigitalMarketing .DigitalMarketing_right .DigitalMarketing_right_txt{ width: 100%;} .DigitalMarketing .DigitalMarketing_right .DigitalMarketing_right_txt{ margin-top: 25px; padding: 25px; max-width: 100%;} .DigitalUpgrade .Serviceobjectives_img .Serviceobjectives_img_list img{ height: 960px;} .DigitalUpgrade .DigitalUpgrade_content .DigitalUpgrade_content_list{ flex-wrap: wrap;} .DigitalUpgrade .DigitalUpgrade_content .DigitalUpgrade_content_list .content_list_icon span img{ height: 50px;} .DigitalUpgrade .DigitalUpgrade_content .DigitalUpgrade_content_list .content_list_icon,.DigitalUpgrade .DigitalUpgrade_content .DigitalUpgrade_content_list .content_list_txt{ width: 100%;} .DigitalUpgrade .DigitalUpgrade_content .DigitalUpgrade_content_list .content_list_txt{ margin-top: 22px;} } /* 4-0价值传播&影响力 */ .BrandWebsiteC .pc_all_content{ border-radius: 5px; overflow: hidden; position: relative;} .BrandWebsiteC .BrandWebsiteC_img{ background: #000;} .BrandWebsiteC .BrandWebsiteC_img .BrandWebsiteC_img_list:first-child{ position: relative;} .BrandWebsiteC .BrandWebsiteC_img .BrandWebsiteC_img_list{ height: 100%; opacity: 0; position: absolute; left: 0; top: 0; width: 100%;} .BrandWebsiteC .BrandWebsiteC_img .BrandWebsiteC_img_list img{ width: 100%; height: 100%; object-fit: cover;} .BrandWebsiteC .BrandWebsiteC_img .BrandWebsiteC_img_list.active{ opacity: 1;} .BrandWebsiteC .BrandWebsiteC_content{ position: absolute; left: 0; top: 0; width: 100%; padding: 0px 80px; display: flex; align-items: center; justify-content: space-between; height: 100%; align-items: center;} .BrandWebsiteC .BrandWebsiteC_content .BrandWebsiteC_content_nav .content_nav_list{ color: #fff; opacity: .4; margin-bottom: 30px; cursor: pointer; position: relative;} .BrandWebsiteC .BrandWebsiteC_content .BrandWebsiteC_content_nav .content_nav_list::before{ content: ""; display: inline-block; width: 1px; height: 30px; background: #fff; opacity: .2; position: absolute; left: 3px; top: 18px;} .BrandWebsiteC .BrandWebsiteC_content .BrandWebsiteC_content_nav .content_nav_list:last-child:before{ opacity: 0;} .BrandWebsiteC .BrandWebsiteC_content .BrandWebsiteC_content_nav .content_nav_list:last-child{ margin-bottom: 0;} .BrandWebsiteC .BrandWebsiteC_content .BrandWebsiteC_content_nav .content_nav_list.active{ opacity: 1;} .BrandWebsiteC .BrandWebsiteC_content .BrandWebsiteC_content_nav .content_nav_list span{ display: inline-block; width: 8px; height: 8px; border-radius: 100%; border: 1px solid #fff; margin-right: 16px;} .BrandWebsiteC .BrandWebsiteC_content .BrandWebsiteC_content_nav .content_nav_list.active span{ background: #fff;} .BrandWebsiteC .BrandWebsiteC_content .BrandWebsiteC_content_right{ width: 520px;} .BrandWebsiteC .BrandWebsiteC_content .BrandWebsiteC_content_right .content_right_list{ display: none;} .BrandWebsiteC .BrandWebsiteC_content .BrandWebsiteC_content_right .content_right_list.active{ display: block;} .BrandWebsiteC .BrandWebsiteC_content .BrandWebsiteC_content_right .right_list_bottom .list_bottom_list{ display: flex; align-items: center; justify-content: space-between; padding: 25px 0px; border-bottom: 1px solid rgba(255,255,255,.13); position: relative;} .BrandWebsiteC .BrandWebsiteC_content .BrandWebsiteC_content_right .right_list_bottom .list_bottom_list .bottom_list_icon{ width: 50px; display: flex;} .BrandWebsiteC .BrandWebsiteC_content .BrandWebsiteC_content_right .right_list_bottom .list_bottom_list .bottom_list_icon span{ position: relative; display: flex; align-items: center; justify-content: center;} .BrandWebsiteC .BrandWebsiteC_content .BrandWebsiteC_content_right .right_list_bottom .list_bottom_list .bottom_list_icon span img:last-child{ position: absolute; left: 0; top: 0; opacity: 0;} .BrandWebsiteC .BrandWebsiteC_content .BrandWebsiteC_content_right .right_list_bottom .list_bottom_list:hover .bottom_list_icon span img{ opacity: 0;} .BrandWebsiteC .BrandWebsiteC_content .BrandWebsiteC_content_right .right_list_bottom .list_bottom_list:hover .bottom_list_icon span img:last-child{ opacity: 1;} .BrandWebsiteC .BrandWebsiteC_content .BrandWebsiteC_content_right .right_list_bottom .list_bottom_list .bottom_list_txt{ width: calc(100% - 62px);} .BrandWebsiteC .BrandWebsiteC_content .BrandWebsiteC_content_right .right_list_bottom .list_bottom_list .bottom_list_txt .list_txt_dd{ color: #fff; margin-bottom: 2px;} .BrandWebsiteC .BrandWebsiteC_content .BrandWebsiteC_content_right .right_list_bottom .list_bottom_list .bottom_list_txt .list_txt_dt{ color: #fff; opacity: .2;} .BrandWebsiteC .BrandWebsiteC_content .BrandWebsiteC_content_right .right_list_bottom .list_bottom_list:hover{ border-bottom: 1px solid #ff8e39;} .BrandWebsiteC .BrandWebsiteC_content .BrandWebsiteC_content_right .right_list_bottom .list_bottom_list:hover .bottom_list_txt .list_txt_dd{ color: #f18c34;} .BrandWebsiteC .BrandWebsiteC_content .BrandWebsiteC_content_right .right_list_bottom .list_bottom_list:hover .bottom_list_txt .list_txt_dt{ color: #f18c34; opacity: 1;} .BrandWebsiteC .BrandWebsiteC_content .BrandWebsiteC_content_right .right_list_bottom .list_bottom_list2{ display: flex; justify-content: space-between; align-items: flex-start; border-bottom: 1px solid rgba(255,255,255,.1); padding: 20px 0px; cursor: pointer;} .BrandWebsiteC .BrandWebsiteC_content .BrandWebsiteC_content_right .right_list_bottom .list_bottom_list2:first-child{ border-top: 1px solid rgba(255,255,255,.1);} .BrandWebsiteC .BrandWebsiteC_content .BrandWebsiteC_content_right .right_list_bottom .list_bottom_list2 .bottom_list2_left{ color: #fff; position: relative; top: 6px;} .BrandWebsiteC .BrandWebsiteC_content .BrandWebsiteC_content_right .right_list_bottom .list_bottom_list2 .bottom_list2_right{ width: calc(100% - 50px);} .BrandWebsiteC .BrandWebsiteC_content .BrandWebsiteC_content_right .right_list_bottom .list_bottom_list2 .bottom_list2_right .list2_right_dd{ color: #fff; position: relative;} .BrandWebsiteC .BrandWebsiteC_content .BrandWebsiteC_content_right .right_list_bottom .list_bottom_list2 .bottom_list2_right .list2_right_dd span{ position: absolute; display: flex; align-items: center; justify-content: center; right: 0; top: 50%; transform: translateY(-50%);} .BrandWebsiteC .BrandWebsiteC_content .BrandWebsiteC_content_right .right_list_bottom .list_bottom_list2 .bottom_list2_right .list2_right_dd span img:last-child{ position: absolute; left: 50%; top: 50%; transform: translateX(-50%) translateY(-50%); opacity: 0;} .BrandWebsiteC .BrandWebsiteC_content .BrandWebsiteC_content_right .right_list_bottom .list_bottom_list2 .bottom_list2_right .list2_right_dt{ color: #fff; margin-top: 10px; display: none;} .BrandWebsiteC .BrandWebsiteC_content .BrandWebsiteC_content_right .right_list_bottom .list_bottom_list2.active .bottom_list2_left{ color: #f18c34;} .BrandWebsiteC .BrandWebsiteC_content .BrandWebsiteC_content_right .right_list_bottom .list_bottom_list2.active .bottom_list2_right .list2_right_dd{ color: #f18c34;} .BrandWebsiteC .BrandWebsiteC_content .BrandWebsiteC_content_right .right_list_bottom .list_bottom_list2.active .bottom_list2_right .list2_right_dt{ display: block;} .BrandWebsiteC .BrandWebsiteC_content .BrandWebsiteC_content_right .right_list_bottom .list_bottom_list2.active .bottom_list2_right .list2_right_dd span img{ opacity: 0;} .BrandWebsiteC .BrandWebsiteC_content .BrandWebsiteC_content_right .right_list_bottom .list_bottom_list2.active .bottom_list2_right .list2_right_dd span img:last-child{ opacity: 1;} .BrandWebsiteC .BrandWebsiteC_content .BrandWebsiteC_content_right .right_list_bottom .list_bottom_list3:first-child{ border-top: 1px solid rgba(255,255,255,.1);} .BrandWebsiteC .BrandWebsiteC_content .BrandWebsiteC_content_right .right_list_bottom .list_bottom_list4{ display: flex; align-items: center; justify-content: space-between; margin-bottom: 30px;} .BrandWebsiteC .BrandWebsiteC_content .BrandWebsiteC_content_right .right_list_bottom .list_bottom_list4:last-child{ margin-bottom: 0;} .BrandWebsiteC .BrandWebsiteC_content .BrandWebsiteC_content_right .right_list_bottom .list_bottom_list4 .bottom_list4_icon{ width: 68px; height: 68px; border-radius: 100%; background: rgba(255,255,255,.1); display: flex; align-items: center; justify-content: center;} .BrandWebsiteC .BrandWebsiteC_content .BrandWebsiteC_content_right .right_list_bottom .list_bottom_list4 .bottom_list4_txt{ width: calc(100% - 90px);} .BrandWebsiteC .BrandWebsiteC_content .BrandWebsiteC_content_right .right_list_bottom .list_bottom_list4 .bottom_list4_txt .list_txt_dt{ color: #fff;} .BrandWebsiteC .BrandWebsiteC_content .BrandWebsiteC_content_right .right_list_bottom .list_bottom_list4 .bottom_list4_txt .list_txt_dd{ color: #fff; opacity: .4;} .BrandWebsiteC .BrandWebsiteC_content .BrandWebsiteC_content_right .right_list_bottom .list_bottom_list4:hover .bottom_list4_icon{ background: #ff8e39;} .BrandWebsiteC .BrandWebsiteC_content .BrandWebsiteC_content_right .right_list_bottom .list_bottom_list4:hover .bottom_list4_txt .list_txt_dt{ color: #ff8e39;} .BrandWebsiteC .BrandWebsiteC_content .BrandWebsiteC_content_right .right_list_bottom .list_bottom_list5 .bottom_list_txt .list_txt_dt{ opacity: 1;} .BrandWebsiteC .BrandWebsiteC_content .BrandWebsiteC_content_right .right_list_bottom .list_bottom_list5 .bottom_list_right{ position: absolute; right: 0; top: 50%; transform: translateY(-50%); color: rgba(255,255,255,0); -webkit-text-stroke: 1px #fff; /* 描边宽度和颜色（用于WebKit引擎的浏览器，如Chrome和Safari） */ text-stroke: 1px #fff; opacity: .05;} .BrandWebsiteC .BrandWebsiteC_content .BrandWebsiteC_content_right .right_list_bottom .list_bottom_list5:hover .bottom_list_right{ opacity: .2;} .BrandWebsiteC .BrandWebsiteC_content .BrandWebsiteC_content_right .right_list_bottom .list_bottom_list6{ display: flex; align-items: center; justify-content: space-between; padding: 22px 10px; border-bottom: 1px solid rgba(255,255,255,.15);} .BrandWebsiteC .BrandWebsiteC_content .BrandWebsiteC_content_right .right_list_bottom .list_bottom_list6:first-child{ border-top: 1px solid rgba(255,255,255,.15);} .BrandWebsiteC .BrandWebsiteC_content .BrandWebsiteC_content_right .right_list_bottom .list_bottom_list6 .bottom_list6_left{ display: flex; align-items: center; color: #fff;} .BrandWebsiteC .BrandWebsiteC_content .BrandWebsiteC_content_right .right_list_bottom .list_bottom_list6 .bottom_list6_left span{ display: flex; align-items: center; justify-content: center; position: relative; margin-right: 14px;} .BrandWebsiteC .BrandWebsiteC_content .BrandWebsiteC_content_right .right_list_bottom .list_bottom_list6 .bottom_list6_left span img{ width: 15px;} .BrandWebsiteC .BrandWebsiteC_content .BrandWebsiteC_content_right .right_list_bottom .list_bottom_list6 .bottom_list6_left span img:last-child{ position: absolute; left: 0; top: 0; opacity: 0;} .BrandWebsiteC .BrandWebsiteC_content .BrandWebsiteC_content_right .right_list_bottom .list_bottom_list6 .bottom_list6_icon span{ display: flex; align-items: center; justify-content: center; position: relative;} .BrandWebsiteC .BrandWebsiteC_content .BrandWebsiteC_content_right .right_list_bottom .list_bottom_list6 .bottom_list6_icon span img:last-child{ position: absolute; left: 0; top: 0; opacity: 0;} .BrandWebsiteC .BrandWebsiteC_content .BrandWebsiteC_content_right .right_list_bottom .list_bottom_list6:hover{ border-bottom: 1px solid #f18c34;} .BrandWebsiteC .BrandWebsiteC_content .BrandWebsiteC_content_right .right_list_bottom .list_bottom_list6:hover .bottom_list6_left{ color: #ff8e39;} .BrandWebsiteC .BrandWebsiteC_content .BrandWebsiteC_content_right .right_list_bottom .list_bottom_list6:hover .bottom_list6_left span img:last-child{ opacity: 1;} .BrandWebsiteC .BrandWebsiteC_content .BrandWebsiteC_content_right .right_list_bottom .list_bottom_list6:hover .bottom_list6_icon span img:last-child{ opacity: 1;} @media screen and (max-width:1650px){ .BrandWebsiteC .BrandWebsiteC_img .BrandWebsiteC_img_list img{ height: 790px;} .BrandWebsiteC .BrandWebsiteC_content{ padding: 0px 75px;} } @media screen and (max-width:1550px){ .BrandWebsiteC .BrandWebsiteC_content{ padding: 0px 70px;} } @media screen and (max-width:1450px){ .BrandWebsiteC .BrandWebsiteC_content{ padding: 0px 65px;} } @media screen and (max-width:1366px){ .BrandWebsiteC .BrandWebsiteC_content{ padding: 0px 60px;} } @media screen and (max-width:1280px){ .BrandWebsiteC .BrandWebsiteC_content{ padding: 0px 55px;} } @media screen and (max-width:1200px){ } @media screen and (max-width:1024px){ /*ipad-y*/ } @media screen and (max-width:980px){ /*ipad-x*/ .BrandWebsiteC .BrandWebsiteC_content .BrandWebsiteC_content_right{ width: 380px;} } @media screen and (max-width:766px){ /*iphone*/ .BrandWebsiteC .BrandWebsiteC_img .BrandWebsiteC_img_list img{ height: 1090px;} .BrandWebsiteC .BrandWebsiteC_content{ flex-wrap: wrap; flex-flow: row-reverse; flex-direction: column-reverse; padding: 33px; justify-content: flex-end;} .BrandWebsiteC .BrandWebsiteC_content .BrandWebsiteC_content_right,.BrandWebsiteC .BrandWebsiteC_content .BrandWebsiteC_content_nav{ width: 100%;} .BrandWebsiteC .BrandWebsiteC_content .BrandWebsiteC_content_nav{ margin-bottom: 25px; display: flex; flex-wrap: wrap; justify-content: space-between;} .BrandWebsiteC .BrandWebsiteC_content .BrandWebsiteC_content_nav .content_nav_list{ width: 48%; border: 1px solid rgba(255,255,255,.2); border-radius: 8px; height: 70px; line-height: 1.3; padding: 10px; display: flex; align-items: center; justify-content: center; text-align: center; margin-bottom: 4%; font-size: 15px;} .BrandWebsiteC .BrandWebsiteC_content .BrandWebsiteC_content_nav .content_nav_list::before{ display: none;} .BrandWebsiteC .BrandWebsiteC_content .BrandWebsiteC_content_nav .content_nav_list span{ display: none;} .BrandWebsiteC .BrandWebsiteC_content .BrandWebsiteC_content_nav .content_nav_list.active{ background: rgba(255,255,255,.2);} .BrandWebsiteC .BrandWebsiteC_content .BrandWebsiteC_content_right .right_list_bottom .list_bottom_list6 .bottom_list6_left{ width: calc(100% - 50px); line-height: 1.3;} .BrandWebsiteC .BrandWebsiteC_content .BrandWebsiteC_content_right .right_list_bottom .list_bottom_list .bottom_list_icon span img{ height: 33px;} } /* 5-0解决方案与案例 */ .ServiceCases .ServiceCases_content{ display: flex; flex-wrap: wrap; justify-content: space-between;} .ServiceCases .ServiceCases_content .ServiceCases_content_list{ background: #f4f4f4; border-radius: 5px; width: calc(25% - 15px); margin-bottom: 20px; padding: 51px 31px; position: relative;} .ServiceCases .ServiceCases_content .ServiceCases_content_list .content_list_title .list_title_dd{ color: #333333;} .ServiceCases .ServiceCases_content .ServiceCases_content_list .content_list_title .list_title_dt{ color: #666666; margin-top: 10px;} .ServiceCases .ServiceCases_content .ServiceCases_content_list .content_list_icon2{ position: absolute; right: 30px; top: 30px;} .ServiceCases .ServiceCases_content .ServiceCases_content_list .content_list_icon2 img{ max-height: 63px; height: 3.2823vw;} .ServiceCases .ServiceCases_content .ServiceCases_content_list .content_list_icon{ margin-bottom: 40px; display: flex;} .ServiceCases .ServiceCases_content .ServiceCases_content_list .content_list_icon span{ display: flex; align-items: center; justify-content: center; position: relative;} .ServiceCases .ServiceCases_content .ServiceCases_content_list .content_list_icon span img{ max-height: 52px; height: 2.7092vw;} .ServiceCases .ServiceCases_content .ServiceCases_content_list .content_list_icon span img:last-child{ position: absolute; left: 0; top: 0; opacity: 0;} .ServiceCases .ServiceCases_content .ServiceCases_content_list:hover{ background: #ff8e39;} .ServiceCases .ServiceCases_content .ServiceCases_content_list:hover .content_list_icon span img{ opacity:0;} .ServiceCases .ServiceCases_content .ServiceCases_content_list:hover .content_list_icon span img:last-child{ opacity:1;} .ServiceCases .ServiceCases_content .ServiceCases_content_list:hover .content_list_title .list_title_dd{ color: #fff;} .ServiceCases .ServiceCases_content .ServiceCases_content_list:hover .content_list_title .list_title_dt{ color: #fff;} .OurClients{ background: url(../images/bg62.jpg) no-repeat 50%/cover;} .OurClients .OurClients_content{ width: 600px;} .OurClients .OurClients_content .OurClients_content_list{ position: relative; align-items: flex-end; display: flex; justify-content: space-between; padding: 35px 0px; border-bottom: 1px solid rgba(255,255,255,.2);} .OurClients .OurClients_content .OurClients_content_list::before{ content: ""; display: inline-block; width: 0%; height: 1px; background: #ff8e39; left: 0; bottom: -1px; position: absolute; opacity: 0;} .OurClients .OurClients_content .OurClients_content_list:first-child{ border-top: 0; padding-top: 0;} .OurClients .OurClients_content .OurClients_content_list .content_list_icon{ width: 115px; color: #fff; display: flex; align-items: flex-start;} .OurClients .OurClients_content .OurClients_content_list .content_list_icon span{ margin-left: 5px;} .OurClients .OurClients_content .OurClients_content_list:first-child .content_list_icon{ align-items: flex-end;} .OurClients .OurClients_content .OurClients_content_list:first-child .content_list_icon span{ position: relative; bottom: 5px;} .OurClients .OurClients_content .OurClients_content_list .content_list_txt{ width: calc(100% - 125px); color: #fff;} .OurClients .OurClients_content .OurClients_content_list .content_list_txt .list_txt_dt{ margin-top: 5px; opacity: .5;} .OurClients .OurClients_content .OurClients_content_list:hover:before{ width: 100%; opacity: 1;} .OurClients .OurClients_content .OurClients_content_list:hover .content_list_icon{ color: #ff8e39;} .HCaseNav{ display: flex; align-items: center; margin-bottom: 47px; border-bottom: 1px solid #eeeeee; padding-bottom: 15px;} .HCaseNav .HCaseNav_list{ color: #666666; display: flex; align-items: center; margin-right: 60px; position: relative;} .HCaseNav .HCaseNav_list span{ color:#666666; margin-right: 6px; display: flex; height: 16px; align-items:center; position: relative; top: -2px;} .HCaseNav .HCaseNav_list.active span{ color:#f18c34;} .HCaseNav .HCaseNav_list::before{ content: ""; display: inline-block; width: 100%; position: absolute; bottom: -16px; height: 2px; border-radius: 100px; background: #fd902e; opacity: 0;} .HCaseNav .HCaseNav_list img{ margin-right: 6px; opacity: 0;} .HCaseNav .HCaseNav_list:last-child{ margin-right: 0;} .HCaseNav .HCaseNav_list:hover{ color: #333333;} .HCaseNav .HCaseNav_list.active{ color: #333333;} .HCaseNav .HCaseNav_list:hover img{ opacity: 1;} .HCaseNav .HCaseNav_list.active img{ opacity: 1;} .HCaseNav .HCaseNav_list:hover:before{ opacity: 1;} .HCaseNav .HCaseNav_list.active:before{ opacity: 1;} @media screen and (max-width:1650px){ .ServiceCases .ServiceCases_content .ServiceCases_content_list .content_list_icon{ margin-bottom: 35px;} .ServiceCases .ServiceCases_content .ServiceCases_content_list{ padding: 45px 25px;} } @media screen and (max-width:1550px){ .ServiceCases .ServiceCases_content .ServiceCases_content_list .content_list_icon{ margin-bottom: 30px;} .ServiceCases .ServiceCases_content .ServiceCases_content_list{ padding: 40px 20px;} } @media screen and (max-width:1450px){ .ServiceCases .ServiceCases_content .ServiceCases_content_list .content_list_icon{ margin-bottom: 25px;} .ServiceCases .ServiceCases_content .ServiceCases_content_list{ padding: 35px 20px;} } @media screen and (max-width:1366px){ .ServiceCases .ServiceCases_content .ServiceCases_content_list .content_list_icon{ margin-bottom: 20px;} } @media screen and (max-width:1280px){ .ServiceCases .ServiceCases_content .ServiceCases_content_list .content_list_icon{ margin-bottom: 15px;} } @media screen and (max-width:1200px){ } @media screen and (max-width:1024px){ /*ipad-y*/ } @media screen and (max-width:980px){ /*ipad-x*/ .ServiceCases .ServiceCases_content .ServiceCases_content_list{ width: calc(25% - 7px); margin-bottom: 10px;} .ServiceCases .ServiceCases_content .ServiceCases_content_list .content_list_title .list_title_dd{ line-height: 1.3;} .ServiceCases .ServiceCases_content .ServiceCases_content_list .content_list_icon span img{ height: 30px;} .HCaseNav{ justify-content: space-between;} .HCaseNav .HCaseNav_list{ margin-right: 0;} } @media screen and (max-width:766px){ /*iphone*/ .ServiceCases .ServiceCases_content .ServiceCases_content_list{ width: 49%; margin-bottom: 2%;} .OurClients .OurClients_content .OurClients_content_list{ padding: 22px 0px;} .OurClients .OurClients_content .OurClients_content_list .content_list_txt{ width: calc(100% - 85px);} .HCaseNav{ flex-wrap: wrap; justify-content: space-between; margin-bottom: 25px;} .HCaseNav .HCaseNav_list{ width: 49%; margin-bottom: 2%; border: 1px solid #eee; margin-right: 0; height: 45px; border-radius: 8px; justify-content: center;} .HCaseNav .HCaseNav_list::before{ display: none;} .HCaseNav .HCaseNav_list img{ display: none;} .HCaseNav .HCaseNav_list.active{ background: #fd902e; border: 1px solid #fd902e; color: #fff;} } /* 5-1高端品牌网站建设解决方案 */ .WebsiteRelocation .WebsiteRelocation_content{ border-radius: 5px; overflow: hidden; position: relative;} .WebsiteRelocation .WebsiteRelocation_content .WebsiteRelocation_content_img img{ width: 100%;} .WebsiteRelocation .WebsiteRelocation_content .WebsiteRelocation_content_po{ position: absolute; left: 0; top: 0; display: flex; justify-content: space-between; flex-wrap: wrap; width: 100%; height: 100%;} .WebsiteRelocation .WebsiteRelocation_content .WebsiteRelocation_content_po .content_po_list{ display: flex; flex-direction: column; align-items: center; justify-content: center; width: 25%; border-right: 1px solid rgba(255,255,255,.1);} .WebsiteRelocation .WebsiteRelocation_content .WebsiteRelocation_content_po .content_po_list:last-child{ border-right: 0 !important;} .WebsiteRelocation .WebsiteRelocation_content .WebsiteRelocation_content_po .content_po_list .po_list_icon img{ max-width: 69px; width: 3.5949vw;} .WebsiteRelocation .WebsiteRelocation_content .WebsiteRelocation_content_po .content_po_list .po_list_title{ text-align: center; margin-top: 28px;} .WebsiteRelocation .WebsiteRelocation_content .WebsiteRelocation_content_po .content_po_list .po_list_title .list_title_dd{ color: #fff;} .WebsiteRelocation .WebsiteRelocation_content .WebsiteRelocation_content_po .content_po_list .po_list_title .list_title_dt{ color: #fff; margin-top: 12px;} .WebsiteRelocation .WebsiteRelocation_content .WebsiteRelocation_content_po .content_po_list:hover{ background: rgba(241,140,52,.7); border-right: 1px solid rgba(255,255,255,0);} .DigitalOM .pc_all_content .ODigital_content{ display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center;} .DigitalOM .pc_all_content .ODigital_content .ODigital_content_list{ width: calc(33.33% - 15px);} .DigitalOM .pc_all_content .ODigital_content .ODigital_content_list .content_list_po2{ position: absolute; left: 0; bottom: 0; width: 100%; height: 100%; display: flex; flex-direction: column; justify-content: flex-end; padding: 25px; color: #fff; opacity: 0;} .DigitalOM .pc_all_content .ODigital_content .ODigital_content_list .content_list_po2 .list_po2_title{ margin-bottom: 15px; line-height: 1.3;} .DigitalOM .pc_all_content .ODigital_content .ODigital_content_list:hover .content_list_po2{ opacity: 1;} .DigitalOM .pc_all_content .ODigital_content .ODigital_content_list:hover .content_list_title span{ opacity: 0;} .DigitalOM .pc_all_content .ODigital_content .ODigital_content_list .content_list_title span{ line-height: 1.3;} .WebsiteRelocation2 .WebsiteRelocation2_content{ display: flex; flex-wrap: wrap; justify-content: space-between;} .WebsiteRelocation2 .WebsiteRelocation2_content .WebsiteRelocation2_content_list{ width: calc(33.333% - 15px); border-bottom: 1px solid #e5e5e5; padding-bottom: 32px; position: relative;} .WebsiteRelocation2 .WebsiteRelocation2_content .WebsiteRelocation2_content_list::before{ content: ""; position: absolute; display: inline-block; width: 0%; height: 1px; background: #ff9334; left: 0; bottom: -1px; opacity: 0;} .WebsiteRelocation2 .WebsiteRelocation2_content .WebsiteRelocation2_content_list:hover::before{ opacity: 1; width: 100%;} .WebsiteRelocation2 .WebsiteRelocation2_content .WebsiteRelocation2_content_list .content_list_img{border-radius: 5px; overflow: hidden;} .WebsiteRelocation2 .WebsiteRelocation2_content .WebsiteRelocation2_content_list .content_list_img img{ width: 100%; } .WebsiteRelocation2 .WebsiteRelocation2_content .WebsiteRelocation2_content_list .content_list_title{ display: flex; justify-content: space-between; align-items: center; margin-top: 20px;} .WebsiteRelocation2 .WebsiteRelocation2_content .WebsiteRelocation2_content_list .content_list_title .list_title_icon{ max-width: 82px; display: flex; width: 4.2722vw;} .WebsiteRelocation2 .WebsiteRelocation2_content .WebsiteRelocation2_content_list .content_list_title .list_title_icon span{ display: flex; align-items: center; justify-content: center; position: relative;} .WebsiteRelocation2 .WebsiteRelocation2_content .WebsiteRelocation2_content_list .content_list_title .list_title_icon span img{ max-width: 53px; width: 2.7613vw;} .WebsiteRelocation2 .WebsiteRelocation2_content .WebsiteRelocation2_content_list .content_list_title .list_title_icon span img:last-child{ position: absolute; left: 0; top: 0; opacity: 0;} .WebsiteRelocation2 .WebsiteRelocation2_content .WebsiteRelocation2_content_list .content_list_title .list_title_title{ color: #333333; width: calc(100% - 4.2722vw);} .WebsiteRelocation2 .WebsiteRelocation2_content .WebsiteRelocation2_content_list .content_list_title .list_title_title .title_title_dt{ color: #999999; margin-top: 8px;} .WebsiteRelocation2 .WebsiteRelocation2_content .WebsiteRelocation2_content_list:hover .content_list_title .list_title_icon span img{ opacity: 0;} .WebsiteRelocation2 .WebsiteRelocation2_content .WebsiteRelocation2_content_list:hover .content_list_title .list_title_icon span img:last-child{ opacity: 1;} @media screen and (max-width:1650px){ } @media screen and (max-width:1550px){ } @media screen and (max-width:1450px){ .WebsiteRelocation .WebsiteRelocation_content .WebsiteRelocation_content_img img{ height: 525px; object-fit: cover;} } @media screen and (max-width:1366px){ .WebsiteRelocation .WebsiteRelocation_content .WebsiteRelocation_content_img img{ height: 500px;} } @media screen and (max-width:1280px){ .WebsiteRelocation .WebsiteRelocation_content .WebsiteRelocation_content_img img{ height: 450px;} } @media screen and (max-width:1200px){ .WebsiteRelocation .WebsiteRelocation_content .WebsiteRelocation_content_img img{ height: 400px;} .WebsiteRelocation .WebsiteRelocation_content .WebsiteRelocation_content_po .content_po_list .po_list_title{ padding: 0px 15px;} .DigitalOM .pc_all_content .ODigital_content .ODigital_content_list{ width: calc(33.333% - 8px);} .WebsiteRelocation2 .WebsiteRelocation2_content .WebsiteRelocation2_content_list{ width: calc(33.333% - 8px);} } @media screen and (max-width:1024px){ /*ipad-y*/ } @media screen and (max-width:980px){ /*ipad-x*/ } @media screen and (max-width:766px){ /*iphone*/ .WebsiteRelocation .WebsiteRelocation_content .WebsiteRelocation_content_po .content_po_list{ width: 50%; border-bottom: 1px solid rgba(255,255,255,.1);} .WebsiteRelocation .WebsiteRelocation_content .WebsiteRelocation_content_po .content_po_list .po_list_icon img{ width: 38px;} .WebsiteRelocation .WebsiteRelocation_content .WebsiteRelocation_content_po .content_po_list .po_list_title{ margin-top: 18px;} .ODigital .pc_all_content .ODigital_content .ODigital_content_list{ width: 100%; margin-bottom: 25px;} .ODigital .pc_all_content .ODigital_content .ODigital_content_list:last-child{ margin-bottom: 0;} .WebsiteRelocation2 .WebsiteRelocation2_content .WebsiteRelocation2_content_list{ width: 100%; margin-bottom: 25px; padding-bottom: 20px;} .WebsiteRelocation2 .WebsiteRelocation2_content .WebsiteRelocation2_content_list:last-child{ margin-bottom: 0;} .WebsiteRelocation2 .WebsiteRelocation2_content .WebsiteRelocation2_content_list .content_list_title .list_title_icon{ width: 60px;} .WebsiteRelocation2 .WebsiteRelocation2_content .WebsiteRelocation2_content_list .content_list_title .list_title_icon span img{ width: 40px;} .WebsiteRelocation2 .WebsiteRelocation2_content .WebsiteRelocation2_content_list .content_list_title .list_title_title{ width: calc(100% - 60px);} } /* 5-2生物医药网站建设解决方案 */ .IndustryCC .IndustryCC_content{ display: flex;} .IndustryCC .IndustryCC_content .IndustryCC_content_list{ width: 33.33%; margin-right: 20px; border-radius: 5px; overflow: hidden; position: relative;} .IndustryCC .IndustryCC_content .IndustryCC_content_list:last-child{ margin-right: 0;} .IndustryCC .IndustryCC_content .IndustryCC_content_list .content_list_img{ height: 100%; width: 100%;} .IndustryCC .IndustryCC_content .IndustryCC_content_list .content_list_img img{ width: 100%; height: 100%; 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; } .IndustryCC .IndustryCC_content .IndustryCC_content_list .content_list_po{ background: #f2f2f2; width: 100%; height: 100%; padding:1.8235vw 2.3445vw; position: relative; z-index: 2; position: absolute; left: 0; top: 0;} .IndustryCC .IndustryCC_content .IndustryCC_content_list .content_list_po .list_po_top{ text-align: right; color: #d5d5d5; position: absolute; right: 1.8235vw; top: 2.3445vw;} .IndustryCC .IndustryCC_content .IndustryCC_content_list .content_list_po .list_po_icon{ margin-top: 40px; margin-bottom: 25px; display: flex;} .IndustryCC .IndustryCC_content .IndustryCC_content_list .content_list_po .list_po_icon span{ display: flex; align-items: center; justify-content: center; position: relative;} .IndustryCC .IndustryCC_content .IndustryCC_content_list .content_list_po .list_po_icon span img{ max-height: 72px; height: 3.7512vw;} .IndustryCC .IndustryCC_content .IndustryCC_content_list .content_list_po .list_po_icon span img:last-child{ position: absolute; left: 0; top: 0; opacity: 0;} .IndustryCC .IndustryCC_content .IndustryCC_content_list .content_list_po .list_po_title{ margin-bottom: 40px;} .IndustryCC .IndustryCC_content .IndustryCC_content_list .content_list_po .list_po_title .po_title_dd{ margin-bottom: 10px; color: #333333; line-height: 1.3;} .IndustryCC .IndustryCC_content .IndustryCC_content_list .content_list_po .list_po_title .po_title_dt{ color: #666666; line-height: 1.3;} .IndustryCC .IndustryCC_content .IndustryCC_content_list .content_list_po .list_po_icon2{display: flex;} .IndustryCC .IndustryCC_content .IndustryCC_content_list .content_list_po .list_po_icon2 span{ display: flex; align-items: center; justify-content: center; position: relative;} .IndustryCC .IndustryCC_content .IndustryCC_content_list .content_list_po .list_po_icon2 span img{ height: 3.2823vw; max-height: 63px;} .IndustryCC .IndustryCC_content .IndustryCC_content_list .content_list_po .list_po_icon2 span img:last-child{ position: absolute; left: 0; top: 0; opacity: 0;} .IndustryCC .IndustryCC_content .IndustryCC_content_list .content_list_po2{ position: absolute; width: 100%; height: 100%; left: 0; bottom: 0; z-index: 2; background: linear-gradient(to top, rgba(0,0,0,.6), rgba(0,0,0,.1)); display: flex; justify-content: flex-end; flex-direction: column; padding: 44px; opacity: 0;} .IndustryCC .IndustryCC_content .IndustryCC_content_list .content_list_po2 .list_po2_title{ color: #fff;} .IndustryCC .IndustryCC_content .IndustryCC_content_list .content_list_po2 .list_po2_txt{ color: #fff; margin-top: 16px;} .IndustryCC .IndustryCC_content .IndustryCC_content_list.active{ width: 55%;} .IndustryCC .IndustryCC_content .IndustryCC_content_list.active .content_list_po2{ opacity: 1;} .IndustryCC .IndustryCC_content .IndustryCC_content_list.active .content_list_po{ opacity: 0;} .IndustryCC .IndustryCC_content .IndustryCC_content_list.active: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; } .IndustryCC .IndustryCC_content .IndustryCC_content_list:hover .content_list_po{ background: #ff9334;} .IndustryCC .IndustryCC_content .IndustryCC_content_list:hover .content_list_po .list_po_title .po_title_dd{ color: #fff;} .IndustryCC .IndustryCC_content .IndustryCC_content_list:hover .content_list_po .list_po_title .po_title_dt{ color: #fff;} .IndustryCC .IndustryCC_content .IndustryCC_content_list:hover .content_list_po .list_po_top{ color: #fff; opacity: .2;} .IndustryCC .IndustryCC_content .IndustryCC_content_list:hover .content_list_po .list_po_icon span img{ opacity: 0;} .IndustryCC .IndustryCC_content .IndustryCC_content_list:hover .content_list_po .list_po_icon span img:last-child{ opacity: 1;} .IndustryCC .IndustryCC_content .IndustryCC_content_list:hover .content_list_po .list_po_icon2 span img{ opacity: 0;} .IndustryCC .IndustryCC_content .IndustryCC_content_list:hover .content_list_po .list_po_icon2 span img:last-child{ opacity: 1;} .BrandSpirit{ background: url(../images/bg73.jpg) no-repeat 50%/cover;} .BrandSpirit .pc_all_content{ display: flex; align-items: center; justify-content: space-between;} .BrandSpirit .pc_all_content .BrandSpirit_left{ width: 26%;} .BrandSpirit .pc_all_content .BrandSpirit_left .BrandSpirit_list{ background: #fff; border-radius: 5px; padding: 40px; position: relative;} .BrandSpirit .pc_all_content .BrandSpirit_left .BrandSpirit_list:first-child{ margin-bottom: 80px;} .BrandSpirit .pc_all_content .BrandSpirit_left .BrandSpirit_list .BrandSpirit_list_icon{ display: flex;} .BrandSpirit .pc_all_content .BrandSpirit_left .BrandSpirit_list .BrandSpirit_list_icon span{ display: flex; align-items: center; justify-content: center; position: relative;} .BrandSpirit .pc_all_content .BrandSpirit_left .BrandSpirit_list .BrandSpirit_list_icon span img{ max-width: 62px; width: 3.2302vw;} .BrandSpirit .pc_all_content .BrandSpirit_left .BrandSpirit_list .BrandSpirit_list_icon span img:last-child{ position: absolute; left: 0; top: 0; opacity: 0;} .BrandSpirit .pc_all_content .BrandSpirit_left .BrandSpirit_list:hover{ background: #ff9334;} .BrandSpirit .pc_all_content .BrandSpirit_left .BrandSpirit_list:hover .BrandSpirit_list_icon span img{ opacity: 0;} .BrandSpirit .pc_all_content .BrandSpirit_left .BrandSpirit_list:hover .BrandSpirit_list_icon span img:last-child{ opacity: 1;} .BrandSpirit .pc_all_content .BrandSpirit_left .BrandSpirit_list:hover .BrandSpirit_list_icon2 span img{ opacity: 0;} .BrandSpirit .pc_all_content .BrandSpirit_left .BrandSpirit_list:hover .BrandSpirit_list_icon2 span img:last-child{ opacity: 1;} .BrandSpirit .pc_all_content .BrandSpirit_left .BrandSpirit_list .BrandSpirit_list_title{ color: #333333; line-height: 1.5; margin-top: 70px;} .BrandSpirit .pc_all_content .BrandSpirit_left .BrandSpirit_list:hover .BrandSpirit_list_title{ color: #fff;} .BrandSpirit .pc_all_content .BrandSpirit_left .BrandSpirit_list .BrandSpirit_list_icon2{ position: absolute; right: 30px; top: 30px;} .BrandSpirit .pc_all_content .BrandSpirit_left .BrandSpirit_list .BrandSpirit_list_icon2 span{ display: flex; align-items: center; justify-content: center; position: relative;} .BrandSpirit .pc_all_content .BrandSpirit_left .BrandSpirit_list .BrandSpirit_list_icon2 span img{ max-height: 62px; height: 3.2302vw;} .BrandSpirit .pc_all_content .BrandSpirit_left .BrandSpirit_list .BrandSpirit_list_icon2 span img:last-child{ position: absolute; left: 0; top: 0; opacity: 0;} .BrandSpirit .pc_all_content .BrandSpirit_center{ position: relative; width: 40%;} .BrandSpirit .pc_all_content .BrandSpirit_center .BrandSpirit_center_img img{ width: 100%; -webkit-animation:DStrategyicon2 2s linear infinite;animation:DStrategyicon2 20s linear infinite;} .BrandSpirit .pc_all_content .BrandSpirit_center .BrandSpirit_center_po{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center;} .OurView{ background: url(../images/bg74.jpg) no-repeat 50%/cover;} .OurView .pc_all_content{ display: flex; justify-content: space-between;} .OurView .pc_all_content .OurView_left{ width: 38%;} .OurView .pc_all_content .OurView_left_content .left_content_list{ display: flex; align-items: flex-start; padding: 30px 0px; border-top: 1px solid rgba(255,255,255,.08); width: 100%; position: relative;} .OurView .pc_all_content .OurView_left_content .left_content_list::before{ content: ""; display: inline-block; width: 100%; background: #ff9334; width: 0%; height: 1px; position: absolute; left: 0; top: -1px; opacity: 0;} .OurView .pc_all_content .OurView_left_content .left_content_list.active::before{ width: 100%; opacity: 1;} .OurView .pc_all_content .OurView_left_content .left_content_list:last-child{ border-bottom: 1px solid rgba(255,255,255,.08); } .OurView .pc_all_content .OurView_left_content .left_content_list .content_list_icon{ width: 70px; opacity: .3; display: flex;} .OurView .pc_all_content .OurView_left_content .left_content_list .content_list_icon span{ display: flex; align-items: center; justify-content: center; position: relative;} .OurView .pc_all_content .OurView_left_content .left_content_list .content_list_icon span img{ height: 44px;} .OurView .pc_all_content .OurView_left_content .left_content_list .content_list_icon span img:last-child{ position: absolute; left: 0; top: 0; opacity: 0;} .OurView .pc_all_content .OurView_left_content .left_content_list .content_list_txt{ width: calc(100% - 70px);} .OurView .pc_all_content .OurView_left_content .left_content_list .content_list_txt .list_txt_top{ display: flex; align-items: center; justify-content: space-between; cursor: pointer;} .OurView .pc_all_content .OurView_left_content .left_content_list .content_list_txt .list_txt_top .txt_top_left{ width: calc(100% - 40px);} .OurView .pc_all_content .OurView_left_content .left_content_list .content_list_txt .list_txt_top .txt_top_left .top_left_dd{ color: #fff; opacity: .5;} .OurView .pc_all_content .OurView_left_content .left_content_list .content_list_txt .list_txt_top .txt_top_left .top_left_dt{ color: #fff; opacity: .2; margin-top: 11px;} .OurView .pc_all_content .OurView_left_content .left_content_list .content_list_txt .list_txt_top .txt_top_right{ display: flex; align-items: center;} .OurView .pc_all_content .OurView_left_content .left_content_list .content_list_txt .list_txt_top .txt_top_right span{ display: flex; align-items: center; justify-content: center; position: relative; opacity: .3;} .OurView .pc_all_content .OurView_left_content .left_content_list .content_list_txt .list_txt_top .txt_top_right span img:last-child{ position: absolute; left: 0; top: 0; opacity: 0;} .OurView .pc_all_content .OurView_left_content .left_content_list .content_list_txt .list_txt_down{ display: none; color: #999999; margin-top: 20px;} .OurView .pc_all_content .OurView_right{ width: 50%; position: relative;} .OurView .pc_all_content .OurView_right::before{ content: ""; display: inline-block; width: 449px; height: 92px; background-size: 449px; background-image: url(../images/bn171.png); background-repeat: no-repeat; background-position: 50% 50%; position: absolute; bottom: -35px; left: -77px;} .OurView .pc_all_content .OurView_right .OurView_right_list{ border-radius: 5px; overflow: hidden; height: 100%;} .OurView .pc_all_content .OurView_right .OurView_right_list img{ width: 100%; height: 100%; object-fit: cover;} .OurView .pc_all_content .OurView_left_content .left_content_list.active .content_list_icon{ opacity: 1;} .OurView .pc_all_content .OurView_left_content .left_content_list.active .content_list_txt .list_txt_top .txt_top_left .top_left_dd{ opacity: 1;} .OurView .pc_all_content .OurView_left_content .left_content_list.active .content_list_txt .list_txt_down{ display: block;} .OurView .pc_all_content .OurView_left_content .left_content_list.active .content_list_txt .list_txt_top .txt_top_right span{ opacity: 1;} .OurView .pc_all_content .OurView_left_content .left_content_list.active .content_list_txt .list_txt_top .txt_top_right span img{ opacity: 0;} .OurView .pc_all_content .OurView_left_content .left_content_list.active .content_list_txt .list_txt_top .txt_top_right span img:last-child{ opacity: 1;} .OurView .pc_all_content .OurView_left_content .left_content_list.active .content_list_icon span img{ opacity: 0;} .OurView .pc_all_content .OurView_left_content .left_content_list.active .content_list_icon span img:last-child{ opacity: 1;} @media screen and (max-width:1650px){ .IndustryCC .IndustryCC_content .IndustryCC_content_list .content_list_po .list_po_icon{ margin-top: 35px; margin-bottom: 22px;} .IndustryCC .IndustryCC_content .IndustryCC_content_list .content_list_po .list_po_title{ margin-bottom: 35px;} .IndustryCC .IndustryCC_content .IndustryCC_content_list .content_list_po2,.IndustryCC .IndustryCC_content .IndustryCC_content_list .content_list_po{ padding: 40px;} .BrandSpirit .pc_all_content .BrandSpirit_center{ width: 42%;} .BrandSpirit .pc_all_content .BrandSpirit_left{ width: 25%;} .BrandSpirit .pc_all_content .BrandSpirit_left .BrandSpirit_list{ padding: 35px;} .BrandSpirit .pc_all_content .BrandSpirit_left .BrandSpirit_list:first-child{ margin-bottom: 70px;} .BrandSpirit .pc_all_content .BrandSpirit_left .BrandSpirit_list .BrandSpirit_list_title{ margin-top: 60px;} .OurView .pc_all_content .OurView_right{ width: 52%;} .OurView .pc_all_content .OurView_right::before{ background-size:23.3929vw; } } @media screen and (max-width:1550px){ .IndustryCC .IndustryCC_content .IndustryCC_content_list .content_list_po .list_po_icon{ margin-top: 30px; margin-bottom: 20px;} .IndustryCC .IndustryCC_content .IndustryCC_content_list .content_list_po .list_po_title{ margin-bottom: 30px;} .IndustryCC .IndustryCC_content .IndustryCC_content_list .content_list_po2,.IndustryCC .IndustryCC_content .IndustryCC_content_list .content_list_po{ padding: 35px;} .BrandSpirit .pc_all_content .BrandSpirit_center{ width: 44%;} .BrandSpirit .pc_all_content .BrandSpirit_left{ width: 24%;} .BrandSpirit .pc_all_content .BrandSpirit_left .BrandSpirit_list{ padding: 30px;} .BrandSpirit .pc_all_content .BrandSpirit_left .BrandSpirit_list:first-child{ margin-bottom: 60px;} .BrandSpirit .pc_all_content .BrandSpirit_left .BrandSpirit_list .BrandSpirit_list_title{ margin-top: 50px;} .BrandSpirit .pc_all_content .BrandSpirit_left .BrandSpirit_list .BrandSpirit_list_title br{ display: none;} .OurView .pc_all_content .OurView_right{ width: 54%;} } @media screen and (max-width:1450px){ .IndustryCC .IndustryCC_content .IndustryCC_content_list .content_list_po .list_po_icon{ margin-top: 25px; margin-bottom: 16px;} .IndustryCC .IndustryCC_content .IndustryCC_content_list .content_list_po .list_po_title{ margin-bottom: 25px;} .IndustryCC .IndustryCC_content .IndustryCC_content_list .content_list_po2,.IndustryCC .IndustryCC_content .IndustryCC_content_list .content_list_po{ padding: 30px;} .BrandSpirit .pc_all_content .BrandSpirit_center{ width: 46%;} .BrandSpirit .pc_all_content .BrandSpirit_left{ width: 23%;} .BrandSpirit .pc_all_content .BrandSpirit_left .BrandSpirit_list{ padding: 25px;} .BrandSpirit .pc_all_content .BrandSpirit_left .BrandSpirit_list:first-child{ margin-bottom: 50px;} .BrandSpirit .pc_all_content .BrandSpirit_left .BrandSpirit_list .BrandSpirit_list_title{ margin-top: 40px;} .OurView .pc_all_content .OurView_right{ width: 56%;} } @media screen and (max-width:1366px){ .IndustryCC .IndustryCC_content .IndustryCC_content_list .content_list_po .list_po_icon{ margin-top: 20px; margin-bottom: 12px;} .IndustryCC .IndustryCC_content .IndustryCC_content_list .content_list_po .list_po_title{ margin-bottom: 20px;} .IndustryCC .IndustryCC_content .IndustryCC_content_list .content_list_po2,.IndustryCC .IndustryCC_content .IndustryCC_content_list .content_list_po{ padding: 25px;} .BrandSpirit .pc_all_content .BrandSpirit_center{ width: 48%;} .BrandSpirit .pc_all_content .BrandSpirit_left{ width: 22%;} .BrandSpirit .pc_all_content .BrandSpirit_left .BrandSpirit_list{ padding: 20px;} .BrandSpirit .pc_all_content .BrandSpirit_left .BrandSpirit_list:first-child{ margin-bottom: 40px;} .BrandSpirit .pc_all_content .BrandSpirit_left .BrandSpirit_list .BrandSpirit_list_title{ margin-top: 30px;} .OurView .pc_all_content .OurView_right{ width: 58%;} } @media screen and (max-width:1280px){ .IndustryCC .IndustryCC_content .IndustryCC_content_list .content_list_po2,.IndustryCC .IndustryCC_content .IndustryCC_content_list .content_list_po{ padding: 20px;} .BrandSpirit .pc_all_content .BrandSpirit_center .BrandSpirit_center_po .title{ width: 50%;} } @media screen and (max-width:1200px){ } @media screen and (max-width:1024px){ /*ipad-y*/ .IndustryCC .IndustryCC_content{ flex-wrap: wrap;} .IndustryCC .IndustryCC_content .IndustryCC_content_list.active,.IndustryCC .IndustryCC_content .IndustryCC_content_list{ width: 100%; margin-right: 0px; margin-bottom: 20px;} .IndustryCC .IndustryCC_content .IndustryCC_content_list .content_list_po{ position: relative;} .IndustryCC .IndustryCC_content .IndustryCC_content_list.active .content_list_po{ display: none;} .IndustryCC .IndustryCC_content .IndustryCC_content_list:last-child{ margin-bottom: 0px;} .IndustryCC .IndustryCC_content .IndustryCC_content_list .content_list_po .list_po_icon2 span img{ height: 34px;} } @media screen and (max-width:980px){ /*ipad-x*/ } @media screen and (max-width:766px){ /*iphone*/ .IndustryCC .IndustryCC_content{ flex-wrap: wrap;} .IndustryCC .IndustryCC_content .IndustryCC_content_list.active,.IndustryCC .IndustryCC_content .IndustryCC_content_list{ width: 100%; margin-bottom: 20px; margin-right: 0;} .IndustryCC .IndustryCC_content .IndustryCC_content_list:last-child{ margin-bottom: 0;} .IndustryCC .IndustryCC_content .IndustryCC_content_list .content_list_po .list_po_icon span img{ height: 45px;} .BrandSpirit .pc_all_content{ flex-wrap: wrap;} .BrandSpirit .pc_all_content .BrandSpirit_center,.BrandSpirit .pc_all_content .BrandSpirit_left{ width: 100%;} .BrandSpirit .pc_all_content .BrandSpirit_left .BrandSpirit_list:first-child{ margin-bottom: 0;} .BrandSpirit .pc_all_content .BrandSpirit_left .BrandSpirit_list{ margin-bottom: 20px !important;} .BrandSpirit .pc_all_content .BrandSpirit_left .BrandSpirit_list .BrandSpirit_list_icon span img{ width: 38px;} .BrandSpirit .pc_all_content .BrandSpirit_left .BrandSpirit_list .BrandSpirit_list_title{ margin-top: 20px;} .BrandSpirit .pc_all_content .BrandSpirit_center .BrandSpirit_center_po .title.center .title_left .title_left_p2 br{ display: none;} .OurView .pc_all_content{ flex-wrap: wrap;} .OurView .pc_all_content .OurView_left,.OurView .pc_all_content .OurView_right{ width: 100%;} .OurView .pc_all_content .OurView_right{ margin-top: 30px;} .OurView .pc_all_content .OurView_left_content .left_content_list .content_list_icon{ width: 50px;} .OurView .pc_all_content .OurView_left_content .left_content_list .content_list_icon span img{ height: 34px;} .OurView .pc_all_content .OurView_left_content .left_content_list .content_list_txt{ width: calc(100% - 50px);} } /* 5-3上市公司网站建设解决方案 */ .IRelations .IRelations_content .IRelations_content_list{ border-bottom: 1px solid #dcdcdc; padding: 38px 0px;} .IRelations .IRelations_content .IRelations_content_list .content_list_title{ display: flex; align-items: center; justify-content: space-between; cursor: pointer;} .IRelations .IRelations_content .IRelations_content_list .content_list_title .list_title_left{ width: calc(100% - 60px); color: #666666;} .IRelations .IRelations_content .IRelations_content_list .content_list_title .list_title_right span{ display: flex; align-items: center; position: relative;} .IRelations .IRelations_content .IRelations_content_list .content_list_title .list_title_right span img:last-child{ position: absolute; left: 0; top: 0; opacity: 0;} .IRelations .IRelations_content .IRelations_content_list .content_list_txt{ display: none; margin-top: 18px; color: #666666; width: calc(100% - 60px);} .IRelations .IRelations_content .IRelations_content_list.active .content_list_txt{ display: block;} .IRelations .IRelations_content .IRelations_content_list.active .content_list_title .list_title_left{ color: #000;} .IRelations .IRelations_content .IRelations_content_list.active .content_list_title .list_title_right span img{ opacity: 0;} .IRelations .IRelations_content .IRelations_content_list.active .content_list_title .list_title_right span img:last-child{ opacity: 1;} .WConstruction .pc_all_content{ background: url(../images/bg79.jpg) no-repeat 50%/cover; border-radius: 5px; padding: 100px 85px;} .WConstruction .pc_all_content .WConstruction_content{ border-bottom: 0; display: flex; flex-wrap: wrap; justify-content: space-between;} .WConstruction .pc_all_content .WConstruction_content .WConstruction_content_list{ width: calc(50% - 15px); background: #3f3f3f; border-radius: 5px; padding: 35px 40px;} .WConstruction .pc_all_content .WConstruction_content .WConstruction_content_list:nth-child(1),.WConstruction .pc_all_content .WConstruction_content .WConstruction_content_list:nth-child(2){ margin-bottom: 24px;} .WConstruction .pc_all_content .WConstruction_content .WConstruction_content_list .content_list_icon{ text-align: right; opacity: .5;} .WConstruction .pc_all_content .WConstruction_content .WConstruction_content_list .content_list_icon img{ max-width: 68px; width: 3.5428vw;} .WConstruction .pc_all_content .WConstruction_content .WConstruction_content_list .content_list_txt{ margin: 30px 0px;} .WConstruction .pc_all_content .WConstruction_content .WConstruction_content_list .content_list_txt .list_txt_dd{ color: #fff;} .WConstruction .pc_all_content .WConstruction_content .WConstruction_content_list .content_list_txt .list_txt_dt{ color: #999999; margin-top: 14px;} .WConstruction .pc_all_content .WConstruction_content .WConstruction_content_list:hover{ background: #ff9334;} .WConstruction .pc_all_content .WConstruction_content .WConstruction_content_list:hover .content_list_txt .list_txt_dt{ color: #fff;} .WConstruction .pc_all_content .WConstruction_content .WConstruction_content_list:hover .content_list_icon{ opacity: 1;} @media screen and (max-width:1650px){ .IRelations .IRelations_content .IRelations_content_list{ padding: 33px 0px;} .WConstruction .pc_all_content{ padding: 90px 80px;} .WConstruction .pc_all_content .WConstruction_content .WConstruction_content_list{ padding: 30px 35px;} .WConstruction .pc_all_content .WConstruction_content .WConstruction_content_list .content_list_txt{ margin: 25px 0px;} } @media screen and (max-width:1550px){ .IRelations .IRelations_content .IRelations_content_list{ padding: 30px 0px;} .WConstruction .pc_all_content{ padding: 80px 70px;} .WConstruction .pc_all_content .WConstruction_content .WConstruction_content_list{ padding: 25px 30px;} .WConstruction .pc_all_content .WConstruction_content .WConstruction_content_list .content_list_txt{ margin: 20px 0px;} } @media screen and (max-width:1450px){ .IRelations .IRelations_content .IRelations_content_list{ padding: 27px 0px;} .WConstruction .pc_all_content{ padding: 70px 60px;} .WConstruction .pc_all_content .WConstruction_content .WConstruction_content_list{ padding: 20px 25px;} .WConstruction .pc_all_content .WConstruction_content .WConstruction_content_list .content_list_txt{ margin: 18px 0px;} } @media screen and (max-width:1366px){ .IRelations .IRelations_content .IRelations_content_list{ padding: 23px 0px;} .WConstruction .pc_all_content{ padding: 60px 50px;} .WConstruction .pc_all_content .WConstruction_content .WConstruction_content_list{ padding: 18px 20px;} } @media screen and (max-width:1280px){ .IRelations .IRelations_content .IRelations_content_list{ padding: 20px 0px;} .WConstruction .pc_all_content{ padding: 50px 40px;} .WConstruction .pc_all_content .WConstruction_content .WConstruction_content_list .content_list_txt .list_txt_dt br{ display: none;} } @media screen and (max-width:1200px){ } @media screen and (max-width:1024px){ /*ipad-y*/ .title .title_left .title_left_dt br{ display: none;} .title.color .title_left .title_left_p2 br{ display: none;} } @media screen and (max-width:980px){ /*ipad-x*/ } @media screen and (max-width:766px){ /*iphone*/ .IRelations .IRelations_content .IRelations_content_list .content_list_txt{ width: 100%;} .WConstruction .pc_all_content{ padding: 30px;} .WConstruction .pc_all_content .WConstruction_content .WConstruction_content_list{ width: 100%;} .WConstruction .pc_all_content .WConstruction_content .WConstruction_content_list .content_list_icon img{ width: 32px;} .WConstruction .pc_all_content .WConstruction_content .WConstruction_content_list{ margin-bottom: 22px;} .WConstruction .pc_all_content .WConstruction_content .WConstruction_content_list:last-child{ margin-bottom: 0;} } /* 5-4汽车网站建设解决方案 */ .WebsiteRelocation3 .WebsiteRelocation3_content{ display: flex; flex-wrap: wrap; justify-content: space-between;} .WebsiteRelocation3 .WebsiteRelocation3_content .WebsiteRelocation3_content_list{ width: calc(33.33% - 15px); border-radius: 5px; background: #f2f2f2; padding: 50px 30px;} .WebsiteRelocation3 .WebsiteRelocation3_content .WebsiteRelocation3_content_list .content_list_top{ display: flex; align-items: flex-start; justify-content: space-between; border-bottom: 1px solid #dcdcdc; padding-bottom: 30px; margin-bottom: 30px;} .WebsiteRelocation3 .WebsiteRelocation3_content .WebsiteRelocation3_content_list .content_list_top .list_top_left .top_left_icon{ display: flex;} .WebsiteRelocation3 .WebsiteRelocation3_content .WebsiteRelocation3_content_list .content_list_top .list_top_left .top_left_icon span{ display: flex; position: relative; align-items: center; justify-content: center;} .WebsiteRelocation3 .WebsiteRelocation3_content .WebsiteRelocation3_content_list .content_list_top .list_top_left .top_left_icon span img{ max-height: 55px; height: 2.8655vw;} .WebsiteRelocation3 .WebsiteRelocation3_content .WebsiteRelocation3_content_list .content_list_top .list_top_left .top_left_icon span img:last-child{ position: absolute; left: 0; top: 0; opacity: 0;} .WebsiteRelocation3 .WebsiteRelocation3_content .WebsiteRelocation3_content_list .content_list_top .list_top_left .top_left_title{ color: #999999; line-height: 1.1; opacity: .4; margin-top: 25px;} .WebsiteRelocation3 .WebsiteRelocation3_content .WebsiteRelocation3_content_list .content_list_top .list_top_right{ display: flex;} .WebsiteRelocation3 .WebsiteRelocation3_content .WebsiteRelocation3_content_list .content_list_top .list_top_right span{ display: flex; align-items: center; justify-content: center; position: relative;} .WebsiteRelocation3 .WebsiteRelocation3_content .WebsiteRelocation3_content_list .content_list_top .list_top_right span img{ max-width: 12.243500000000001vw; width: 12.243500000000001vw;} .WebsiteRelocation3 .WebsiteRelocation3_content .WebsiteRelocation3_content_list .content_list_top .list_top_right span img:last-child{ position: absolute; left: 0; top: 0; opacity: 0;} .WebsiteRelocation3 .WebsiteRelocation3_content .WebsiteRelocation3_content_list .content_list_bottom .list_bottom_dd{ color: #333333;} .WebsiteRelocation3 .WebsiteRelocation3_content .WebsiteRelocation3_content_list .content_list_bottom .list_bottom_dt{ color: #666666; margin-top: 16px;} .WebsiteRelocation3 .WebsiteRelocation3_content .WebsiteRelocation3_content_list:hover{ background: #f1893d;} .WebsiteRelocation3 .WebsiteRelocation3_content .WebsiteRelocation3_content_list:hover .content_list_top .list_top_left .top_left_icon span img{ opacity: 0;} .WebsiteRelocation3 .WebsiteRelocation3_content .WebsiteRelocation3_content_list:hover .content_list_top .list_top_left .top_left_icon span img:last-child{ opacity: 1;} .WebsiteRelocation3 .WebsiteRelocation3_content .WebsiteRelocation3_content_list:hover .content_list_top .list_top_right span img{ opacity: 0;} .WebsiteRelocation3 .WebsiteRelocation3_content .WebsiteRelocation3_content_list:hover .content_list_top .list_top_right span img:last-child{ opacity: 1;} .WebsiteRelocation3 .WebsiteRelocation3_content .WebsiteRelocation3_content_list:hover .content_list_top .list_top_left .top_left_title{ color: #fff;} .WebsiteRelocation3 .WebsiteRelocation3_content .WebsiteRelocation3_content_list:hover .content_list_top{ border-bottom: 1px solid rgba(255,255,255,.16);} .WebsiteRelocation3 .WebsiteRelocation3_content .WebsiteRelocation3_content_list:hover .content_list_bottom .list_bottom_dd{ color: #fff;} .WebsiteRelocation3 .WebsiteRelocation3_content .WebsiteRelocation3_content_list:hover .content_list_bottom .list_bottom_dt{ color: #fff; opacity: .6;} .CoreColumn{ background: url(../images/bg081.jpg) no-repeat 50%/cover; border-radius: 5px;} .CoreColumn2{ background: url(../images/bg81.jpg) no-repeat 50%/cover; border-radius: 5px;} .CoreColumn .CoreColumn_content{ display: flex; justify-content: space-between; flex-wrap: wrap; height: 545px; align-items: flex-end;} .CoreColumn .CoreColumn_content .CoreColumn_content_list{ width: calc(25% - 15px); background: rgba(255,255,255,.1); border-radius: 10px; padding: 25px;} .CoreColumn .CoreColumn_content .CoreColumn_content_list .content_list_icon{ text-align: right; margin-bottom: 6px;} .CoreColumn .CoreColumn_content .CoreColumn_content_list .content_list_icon img{ width: 15px;} .CoreColumn .CoreColumn_content .CoreColumn_content_list .content_list_title .list_title_dd{ color: #fff; margin-bottom: 13px;} .CoreColumn .CoreColumn_content .CoreColumn_content_list .content_list_title .list_title_dt{ opacity: .4; color: #fff;} .CoreColumn .CoreColumn_content .CoreColumn_content_list .content_list_txt{ color: #fff; opacity: .8; display: none; margin-top: 23px;} .CoreColumn .CoreColumn_content .CoreColumn_content_list:hover .content_list_txt{ display: block;} .CoreColumn .CoreColumn_content .CoreColumn_content_list:hover{ background: #f1893d;} .EOWConstruction .pc_all_content .EOWConstruction_left{ display: block;} .EOWConstruction .pc_all_content .EOWConstruction_left .EOWConstruction_left_content{ margin-top: 42px; border-left: 4px solid #dcdcdc;} .EOWConstruction .pc_all_content .EOWConstruction_left .EOWConstruction_left_content .left_content_list{ margin-bottom: 35px; position: relative; padding-left: 20px;} .EOWConstruction .pc_all_content .EOWConstruction_left .EOWConstruction_left_content .left_content_list::before{ content: ""; display: inline-block; width: 4px; height: 0px; background: #f18c34; position: absolute; left: -4px; opacity: 0;} .EOWConstruction .pc_all_content .EOWConstruction_left .EOWConstruction_left_content .left_content_list.active::before{ opacity: 1; height: 50px;} .EOWConstruction .pc_all_content .EOWConstruction_left .EOWConstruction_left_content .left_content_list .content_list_title{ margin-bottom: 13px;} .EOWConstruction .pc_all_content .EOWConstruction_left .EOWConstruction_left_content .left_content_list .content_list_txt{ color: #666666; display: none;} .EOWConstruction .pc_all_content .EOWConstruction_left .EOWConstruction_left_content .left_content_list.active .content_list_txt{ display: block;} .EOWConstruction .pc_all_content .EOWConstruction_content{ border-bottom: 0px; border-radius: 10px; overflow: hidden;;} .EOWConstruction .pc_all_content .EOWConstruction_content img{ width: 100%; height: 100%; object-fit: cover;} @media screen and (max-width:1650px){ .WebsiteRelocation3 .WebsiteRelocation3_content .WebsiteRelocation3_content_list{ padding: 45px 25px;} .WebsiteRelocation3 .WebsiteRelocation3_content .WebsiteRelocation3_content_list .content_list_top{ padding-bottom: 22px; margin-bottom: 22px;} .WebsiteRelocation3 .WebsiteRelocation3_content .WebsiteRelocation3_content_list .content_list_top .list_top_left .top_left_title{ margin-top: 24px;} } @media screen and (max-width:1550px){ .WebsiteRelocation3 .WebsiteRelocation3_content .WebsiteRelocation3_content_list{ padding: 40px 25px;} .WebsiteRelocation3 .WebsiteRelocation3_content .WebsiteRelocation3_content_list .content_list_top{ padding-bottom: 20px; margin-bottom: 20px;} .WebsiteRelocation3 .WebsiteRelocation3_content .WebsiteRelocation3_content_list .content_list_top .list_top_left .top_left_title{ margin-top: 23px;} } @media screen and (max-width:1450px){ .WebsiteRelocation3 .WebsiteRelocation3_content .WebsiteRelocation3_content_list{ padding: 35px 25px;} .WebsiteRelocation3 .WebsiteRelocation3_content .WebsiteRelocation3_content_list .content_list_top{ padding-bottom: 17px; margin-bottom: 17px;} .WebsiteRelocation3 .WebsiteRelocation3_content .WebsiteRelocation3_content_list .content_list_top .list_top_left .top_left_title{ margin-top: 22px;} } @media screen and (max-width:1366px){ .WebsiteRelocation3 .WebsiteRelocation3_content .WebsiteRelocation3_content_list{ padding: 30px 25px;} .WebsiteRelocation3 .WebsiteRelocation3_content .WebsiteRelocation3_content_list .content_list_top .list_top_left .top_left_title{ margin-top: 21px;} } @media screen and (max-width:1280px){ .WebsiteRelocation3 .WebsiteRelocation3_content .WebsiteRelocation3_content_list{ width: calc(33.33% - 8px);} .WebsiteRelocation3 .WebsiteRelocation3_content .WebsiteRelocation3_content_list .content_list_top .list_top_left .top_left_title{ margin-top: 20px;} } @media screen and (max-width:1200px){ } @media screen and (max-width:1024px){ /*ipad-y*/ } @media screen and (max-width:980px){ /*ipad-x*/ } @media screen and (max-width:766px){ /*iphone*/ .WebsiteRelocation3 .WebsiteRelocation3_content .WebsiteRelocation3_content_list .content_list_top .list_top_left .top_left_icon span img{ height: 38px;} .WebsiteRelocation3 .WebsiteRelocation3_content .WebsiteRelocation3_content_list{ width: 100%; margin-bottom: 22px;} .WebsiteRelocation3 .WebsiteRelocation3_content .WebsiteRelocation3_content_list:last-child{ margin-bottom: 0;} .CoreColumn .CoreColumn_content{ height: auto;} .CoreColumn .CoreColumn_content .CoreColumn_content_list{ width: 100%; margin-top: 25px;} .CoreColumn .CoreColumn_content .CoreColumn_content_list .content_list_txt{ display: block;} .EOWConstruction .pc_all_content .EOWConstruction_left .EOWConstruction_left_content .left_content_list .content_list_txt{ display: block;} } /* 6-0唯引观点与动态 */ .News .News_content{ display: flex; justify-content: space-between;} .News .News_content .News_content_left{ width: 67%; display: inline-block; position: relative; border-radius: 10px; overflow: hidden;} .News .News_content .News_content_left .content_left_img{ height: 100%;} .News .News_content .News_content_left .content_left_img img{ width: 100%; height: 100%; object-fit: cover;} .News .News_content .News_content_left .content_left_po{ position: absolute; left: 0; bottom: 0; padding: 45px; width: 100%; background: linear-gradient(to bottom, rgba(0,0,0,.1), rgba(0,0,0,.5)); height: 100%; display: flex; flex-direction: column; justify-content: flex-end; align-items: flex-start; padding-right: 50%; box-sizing: border-box;} .News .News_content .News_content_left .content_left_po .left_po_tag{ color: #f18c34; border: 1px solid #ff9334; border-radius: 4px; display: inline-block; padding: 9px 22px;} .News .News_content .News_content_left .content_left_po .left_po_title{ margin-top: 20px; margin-bottom: 10px; color: #fff; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;} .News .News_content .News_content_left .content_left_po .left_po_time{ color: #fff; opacity: .5;} .News .News_content .News_content_left .content_left_po .left_po_txt{ margin-top: 30px; color: #fff; opacity: .9; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;} .News .News_content .News_content_right{ width: calc(33% - 20px); background: #f4f4f4; border-radius: 10px; padding: 40px;} .News .News_content .News_content_right .content_right_list{ border-bottom: 1px solid #dcdcdc; padding-bottom: 33px; margin-bottom: 33px; position: relative; display: inline-block; width: 100%;} .News .News_content .News_content_right .content_right_list::before{ content: ""; display: inline-block; width: 0%; background: #f1893d; position: absolute; bottom: -1px; left: 0; height: 1px; opacity: 0;} .News .News_content .News_content_right .content_right_list:hover:before{ opacity: 1; width: 100%;} .News .News_content .News_content_right .content_right_list .right_list_title{ color: #333333; overflow: hidden; text-overflow:ellipsis; white-space: nowrap;} .News .News_content .News_content_right .content_right_list:hover .right_list_title{ color: #ff8e39;} .News .News_content .News_content_right .content_right_list .right_list_time{ color: #666666; margin-top: 15px;} .News .News_content .News_content_right .News_btn{ display: flex; align-items: center; text-transform: uppercase; color: #666666;} .News .News_content .News_content_right .News_btn div{ display: flex; align-items: center; cursor: pointer;} .News .News_content .News_content_right .News_btn .News_btn_prev{ margin-right: 45px;} .News .News_content .News_content_right .News_btn span{ display: flex; align-items: center; justify-content: center; position: relative; margin: 0px 6px;} .News .News_content .News_content_right .News_btn span img:last-child{ position: absolute; left: 0; top: 0; opacity: 0;} .News .News_content .News_content_right .News_btn div:hover{ color: #ff8e39;} .News .News_content .News_content_right .News_btn div:hover span img{ opacity: 0;} .News .News_content .News_content_right .News_btn div:hover span img:last-child{ opacity: 1;} .News .News_content .News_content_right .swiper-container.swiper-vertical .swiper-wrapper{flex-direction: column; height: 465px !important;} .News .News_content .News_content_right .swiper-container.swiper-vertical,.News .News_content .News_content_right .swiper-container.swiper-vertical .swiper-wrapper .swiper-slide{ height: 465px !important;} .NewsL .NewsL_content .NewsL_content_list{ display: flex; align-items: center; justify-content: space-between; margin-bottom: 30px; padding-bottom: 30px; border-bottom: 1px solid #dcdcdc; position: relative;} .NewsL .NewsL_content .NewsL_content_list::before{ content: ""; display: inline-block; width: 0%; background: #f1893d; position: absolute; bottom: -1px; left: 0; height: 1px; opacity: 0;} .NewsL .NewsL_content .NewsL_content_list:hover:before{ opacity: 1; width: 100%;} .NewsL .NewsL_content .NewsL_content_list .content_list_left{ border-radius: 10px; overflow: hidden; width: 34%;} .NewsL .NewsL_content .NewsL_content_list .content_list_left img{ width: 100%;} .NewsL .NewsL_content .NewsL_content_list .content_list_right{ width: 62%;} .NewsL .NewsL_content .NewsL_content_list .content_list_right .list_right_top{ margin-bottom: 25px;} .NewsL .NewsL_content .NewsL_content_list .content_list_right .list_right_top .right_top_dd{ color: #333333;display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden; } .NewsL .NewsL_content .NewsL_content_list .content_list_right .list_right_top .right_top_dt{ color: #999999; margin-top: 12px;} .NewsL .NewsL_content .NewsL_content_list .content_list_right .list_right_txt{ color: #666666; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; } .NewsL .NewsL_content .NewsL_content_list .content_list_right .list_right_tag{ color: #f18c34; border: 1px solid #ff9334; border-radius: 4px; display: inline-block; padding: 9px 22px; margin-top: 40px;} .NewsL .NewsL_content .NewsL_content_list:hover .content_list_right .list_right_tag{ background: #f18c34; color: #fff;} .NewsL .NewsL_content .NewsL_content_list:hover .content_list_right .list_right_top .right_top_dd{ text-decoration: underline;} .ProfessionalLibrary .ProfessionalLibrary_content .ProfessionalLibrary_content_list{ border-radius: 5px; background: #f4f4f4; padding: 50px 40px; position: relative;} .ProfessionalLibrary .ProfessionalLibrary_content .ProfessionalLibrary_content_list .content_list_top .list_top_dd{ color: #333333; margin-bottom: 20px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; } .ProfessionalLibrary .ProfessionalLibrary_content .ProfessionalLibrary_content_list .content_list_top .list_top_dt{ color: #999999;} .ProfessionalLibrary .ProfessionalLibrary_content .ProfessionalLibrary_content_list .content_list_tag{ color: #f18c34; border: 1px solid #ff9334; border-radius: 4px; display: inline-block; padding: 9px 22px; margin-top: 70px;} .ProfessionalLibrary .ProfessionalLibrary_content .ProfessionalLibrary_content_list .content_list_icon{position: absolute; right: 40px; bottom: 50px; display: flex;} .ProfessionalLibrary .ProfessionalLibrary_content .ProfessionalLibrary_content_list .content_list_icon span{display: flex; align-items: center; justify-content: center; position: relative;} .ProfessionalLibrary .ProfessionalLibrary_content .ProfessionalLibrary_content_list .content_list_icon span img{ max-width: 262px; width: 13.6502vw;;} .ProfessionalLibrary .ProfessionalLibrary_content .ProfessionalLibrary_content_list .content_list_icon span img:last-child{ position: absolute; left: 0; top: 0; opacity: 0;} .ProfessionalLibrary .ProfessionalLibrary_content .ProfessionalLibrary_content_list:hover{ background: #f18c34;} .ProfessionalLibrary .ProfessionalLibrary_content .ProfessionalLibrary_content_list:hover .content_list_top .list_top_dd{ color: #fff;} .ProfessionalLibrary .ProfessionalLibrary_content .ProfessionalLibrary_content_list:hover .content_list_top .list_top_dt{ color: #fff;} .ProfessionalLibrary .ProfessionalLibrary_content .ProfessionalLibrary_content_list:hover .content_list_icon span img{ opacity: 0;} .ProfessionalLibrary .ProfessionalLibrary_content .ProfessionalLibrary_content_list:hover .content_list_icon span img:last-child{ opacity: 1;} .ProfessionalLibrary .ProfessionalLibrary_content .ProfessionalLibrary_content_list:hover .content_list_tag{ border: 1px solid #fff; color: #fff; opacity: .5;} @media screen and (max-width:1650px){ .News .News_content .News_content_left{ width: 65%;} .News .News_content .News_content_left .content_left_po{ padding: 40px; padding-right: 40%;} .News .News_content .News_content_right{ width: calc(35% - 20px); padding: 35px;} .News .News_content .News_content_right .content_right_list{ margin-bottom: 30px; padding-bottom: 30px;} .NewsL .NewsL_content .NewsL_content_list .content_list_left{ width: 36%;} .NewsL .NewsL_content .NewsL_content_list .content_list_right{ width: 60%;} .NewsL .NewsL_content .NewsL_content_list .content_list_right .list_right_top{ margin-bottom: 20px;} .NewsL .NewsL_content .NewsL_content_list .content_list_right .list_right_tag{ margin-top: 35px;} .ProfessionalLibrary .ProfessionalLibrary_content .ProfessionalLibrary_content_list{ padding: 45px 35px;} .ProfessionalLibrary .ProfessionalLibrary_content .ProfessionalLibrary_content_list .content_list_tag{ margin-top: 60px;} .News .News_content .News_content_right .swiper-container.swiper-vertical,.News .News_content .News_content_right .swiper-container.swiper-vertical .swiper-wrapper,.News .News_content .News_content_right .swiper-container.swiper-vertical .swiper-wrapper .swiper-slide{ height: 410px !important;} } @media screen and (max-width:1550px){ .News .News_content .News_content_left{ width: 63%;} .News .News_content .News_content_left .content_left_po{ padding: 35px; padding-right: 30%;} .News .News_content .News_content_right{ width: calc(37% - 20px); padding: 30px;} .News .News_content .News_content_right .content_right_list{ margin-bottom: 27px; padding-bottom: 27px;} .NewsL .NewsL_content .NewsL_content_list .content_list_left{ width: 38%;} .NewsL .NewsL_content .NewsL_content_list .content_list_right{ width: 58%;} .NewsL .NewsL_content .NewsL_content_list .content_list_right .list_right_top{ margin-bottom: 15px;} .NewsL .NewsL_content .NewsL_content_list .content_list_right .list_right_tag{ margin-top: 30px;} .ProfessionalLibrary .ProfessionalLibrary_content .ProfessionalLibrary_content_list{ padding: 40px 30px;} .ProfessionalLibrary .ProfessionalLibrary_content .ProfessionalLibrary_content_list .content_list_tag{ margin-top: 50px;} .News .News_content .News_content_right .swiper-container.swiper-vertical,.News .News_content .News_content_right .swiper-container.swiper-vertical .swiper-wrapper,.News .News_content .News_content_right .swiper-container.swiper-vertical .swiper-wrapper .swiper-slide{ height: 390px !important;} } @media screen and (max-width:1450px){ .News .News_content .News_content_left{ width: 61%;} .News .News_content .News_content_left .content_left_po{ padding: 30px; padding-right: 20%;} .News .News_content .News_content_right{ width: calc(39% - 20px); padding: 25px;} .News .News_content .News_content_right .content_right_list{ margin-bottom: 24px; padding-bottom: 24px;} .NewsL .NewsL_content .NewsL_content_list .content_list_left{ width: 40%;} .NewsL .NewsL_content .NewsL_content_list .content_list_right{ width: 56%;} .NewsL .NewsL_content .NewsL_content_list .content_list_right .list_right_tag{ margin-top: 25px;} .ProfessionalLibrary .ProfessionalLibrary_content .ProfessionalLibrary_content_list{ padding: 35px 25px;} .ProfessionalLibrary .ProfessionalLibrary_content .ProfessionalLibrary_content_list .content_list_tag{ margin-top: 40px;} .News .News_content .News_content_right .swiper-container.swiper-vertical,.News .News_content .News_content_right .swiper-container.swiper-vertical .swiper-wrapper,.News .News_content .News_content_right .swiper-container.swiper-vertical .swiper-wrapper .swiper-slide{ height: 360px !important;} } @media screen and (max-width:1366px){ .News .News_content .News_content_left{ width: 59%;} .News .News_content .News_content_left .content_left_po{ padding: 25px; padding-right: 10%;} .News .News_content .News_content_right{ width: calc(41% - 20px);} .News .News_content .News_content_right .content_right_list{ margin-bottom: 21px; padding-bottom: 21px;} .NewsL .NewsL_content .NewsL_content_list .content_list_left{ width: 40%;} .NewsL .NewsL_content .NewsL_content_list .content_list_right{ width: 56%;} .ProfessionalLibrary .ProfessionalLibrary_content .ProfessionalLibrary_content_list{ padding: 30px 20px;} .ProfessionalLibrary .ProfessionalLibrary_content .ProfessionalLibrary_content_list .content_list_tag{ margin-top: 30px;} .News .News_content .News_content_right .swiper-container.swiper-vertical,.News .News_content .News_content_right .swiper-container.swiper-vertical .swiper-wrapper,.News .News_content .News_content_right .swiper-container.swiper-vertical .swiper-wrapper .swiper-slide{ height: 340px !important;} } @media screen and (max-width:1280px){ .News .News_content .News_content_left{ width: 57%;} .News .News_content .News_content_left .content_left_po{ padding: 25px;} .News .News_content .News_content_right{ width: calc(43% - 20px);} .News .News_content .News_content_right .content_right_list{ margin-bottom: 20px; padding-bottom: 20px;}. .NewsL .NewsL_content .NewsL_content_list .content_list_left{ width: 42%;} .NewsL .NewsL_content .NewsL_content_list .content_list_right{ width: 54%;} } @media screen and (max-width:1200px){ .News .News_content .News_content_left{ width: 55%;} .News .News_content .News_content_right{ width: calc(45% - 20px);} .NewsL .NewsL_content .NewsL_content_list .content_list_left{ width: 44%;} .NewsL .NewsL_content .NewsL_content_list .content_list_right{ width: 52%;} } @media screen and (max-width:1024px){ /*ipad-y*/ .NewsL .NewsL_content .NewsL_content_list .content_list_left{ width: 46%;} .NewsL .NewsL_content .NewsL_content_list .content_list_right{ width: 50%;} } @media screen and (max-width:980px){ /*ipad-x*/ .NewsL .NewsL_content .NewsL_content_list .content_list_left{ width: 48%;} .NewsL .NewsL_content .NewsL_content_list .content_list_right{ width: 48%;} } @media screen and (max-width:766px){ /*iphone*/ .banner.banner3 .swiper-container{ border-radius: 0;} .News .News_content{ flex-wrap: wrap;} .News .News_content .News_content_left,.News .News_content .News_content_right{ width: 100%;} .News .News_content .News_content_left .content_left_img img{ height: 280px;} .News .News_content .News_content_right{ margin-top: 20px;} .NewsL .NewsL_content .NewsL_content_list{ flex-wrap: wrap; padding-bottom: 20px; margin-bottom: 20px;} .NewsL .NewsL_content .NewsL_content_list:last-child{ margin-bottom: 0;} .NewsL .NewsL_content .NewsL_content_list .content_list_left,.NewsL .NewsL_content .NewsL_content_list .content_list_right{ width: 100%;} .NewsL .NewsL_content .NewsL_content_list .content_list_right{ margin-top: 22px;} .NewsL .NewsL_content .NewsL_content_list .content_list_right .list_right_top{ margin-bottom: 15px;} .NewsL .NewsL_content .NewsL_content_list .content_list_right .list_right_tag{ margin-top: 22px;} .ProfessionalLibrary .ProfessionalLibrary_content .ProfessionalLibrary_content_list .content_list_icon{ right: 20px; bottom: 30px;} .ProfessionalLibrary .ProfessionalLibrary_content .ProfessionalLibrary_content_list .content_list_icon span img{ width: 130px;} } /* 7-0关于唯引互动 */ .About .pc_all_content .HExplore_right{ border-bottom: 0;} .About .About_right .About_right_top{ margin-bottom: 40px;} .About .About_right .About_right_top .right_top_dd{ color: #000000;} .About .About_right .About_right_top .right_top_dt{ margin-top: 14px; color: #666666;} .About .About_right .About_right_bottom{ display: flex; align-items: center; justify-content: space-between;} .About .About_right .About_right_bottom .right_bottom_list{ display: flex; align-items: center;} .About .About_right .About_right_bottom .right_bottom_icon{ width: 1px; height: 62px; background: #e5e5e5;} .About .About_right .About_right_bottom .right_bottom_list .bottom_list_txt{ margin-left: 20px;} .About .About_right .About_right_bottom .right_bottom_list .bottom_list_txt .list_txt_dd{ color: #333333;} .About .About_right .About_right_bottom .right_bottom_list .bottom_list_txt .list_txt_dt{ color: #cccccc; margin-top: 6px;} .About .AboutImg{ border-radius: 6px; overflow: hidden; margin-top: 56px;} .About .AboutImg img{ width: 100%;} .CitationOC .CitationOC_content{ display: flex; justify-content: space-between; flex-wrap: wrap;} .CitationOC .CitationOC_content .CitationOC_list{ width: calc(33.33% - 15px); border-radius: 5px; overflow: hidden; position: relative;} .CitationOC .CitationOC_content .CitationOC_list .CitationOC_list_img{ position: absolute; left: 0; top: 0; width: 100%; height: 100%;} .CitationOC .CitationOC_content .CitationOC_list .CitationOC_list_img img{ width: 100%; height: 100%; object-fit: cover;} .CitationOC .CitationOC_content .CitationOC_list .CitationOC_list_title{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: flex; flex-direction: column; justify-content: flex-end; align-items: flex-start; background: linear-gradient(to bottom, rgba(0,0,0,0), rgba(0,0,0,.6)); padding: 40px;} .CitationOC .CitationOC_content .CitationOC_list .CitationOC_list_title .list_title_dd{ color: #fff;} .CitationOC .CitationOC_content .CitationOC_list .CitationOC_list_title .list_title_dt{ color: #fff; opacity: .5; margin-top: 10px;} .CitationOC .CitationOC_content .CitationOC_list .CitationOC_list_content{ padding: 40px; background: #f18c34; position: relative; z-index: 2; opacity: 0;} .CitationOC .CitationOC_content .CitationOC_list .CitationOC_list_content .list_content_top{ color: #fff; text-align: right; opacity: .08; margin-bottom: -20px;} .CitationOC .CitationOC_content .CitationOC_list .CitationOC_list_content .list_content_title{ margin-bottom: 20px; margin-top: 30px;} .CitationOC .CitationOC_content .CitationOC_list .CitationOC_list_content .list_content_title .content_title_dd{ color: #fff;} .CitationOC .CitationOC_content .CitationOC_list .CitationOC_list_content .list_content_title .content_title_dt{ color: #fff; opacity: .4; margin-top: 10px;} .CitationOC .CitationOC_content .CitationOC_list .CitationOC_list_content .list_content_txt{ color: #fff;} .CitationOC .CitationOC_content .CitationOC_list .CitationOC_list_content .list_content_icon2{ margin-top: 50px;} .CitationOC .CitationOC_content .CitationOC_list:hover .CitationOC_list_content{ opacity: 1;} .CoreTeam .pc_all_content .ODigital_content .ODigital_content_list .content_list_title{ display: flex; align-items: flex-end;} .CoreTeam .pc_all_content .ODigital_content .ODigital_content_list .content_list_title span{ margin-left: 10px; position: relative; bottom: 3px;} .CoreTeam .pc_all_content .ODigital_content .ODigital_content_list .content_list_po{ background: #f18c34 url(../images/bn191.png) no-repeat 50% 95%; background-size: calc(100% - 80px);} .CoreTeam .pc_all_content .ODigital_content .ODigital_content_list .content_list_po .list_po_txt{ padding-top: 25px; color: #fff;} .CoreTeam .pc_all_content .ODigital_content .ODigital_content_list .content_list_po .list_po_txt p{ margin-bottom: 10px;} .CoreTeam .pc_all_content .ODigital_content .ODigital_content_list .content_list_po .list_po_txt p:last-child{ margin-bottom: 0;} .CoreTeam .pc_all_content .ODigital_content .ODigital_content_list .content_list_po .list_po_top .po_top_dt{ display: flex; align-items: flex-end;} .CoreTeam .pc_all_content .ODigital_content .ODigital_content_list .content_list_po .list_po_top .po_top_dt span{ margin-left: 10px; position: relative; bottom: 3px;} .Cooperativeclients .Cooperativeclients_content .swiper-container{ padding: 10px 0px;} .Cooperativeclients .Cooperativeclients_content .Cooperativeclients_content_list{ display: flex; flex-wrap: wrap; justify-content: space-between; width: 100%;} .Cooperativeclients .Cooperativeclients_content .Cooperativeclients_content_list .content_list_li{ width: 20%; border: 1px solid #eeeeee; border-left: 0; margin-bottom: -1px; height: 150px; display: flex; align-items: center; justify-content: center;filter: grayscale(100%); position: relative; padding: 2%;} .Cooperativeclients .Cooperativeclients_content .Cooperativeclients_content_list .content_list_li::before{ content: ""; display: inline-block; width: 1px; height: 7px; background: #d2d2d2; position: absolute; left: -1px; top: -4px; z-index: 2;} .Cooperativeclients .Cooperativeclients_content .Cooperativeclients_content_list .content_list_li::after{ content: ""; display: inline-block; width: 7px; height: 1px; background: #d2d2d2; position: absolute; left: -4px; top: -1px; z-index: 2;} .Cooperativeclients .Cooperativeclients_content .Cooperativeclients_content_list .content_list_li span::before{ content: ""; display: inline-block; width: 1px; height: 7px; background: #d2d2d2; position: absolute; right: -1px; bottom: -4px; z-index: 2;} .Cooperativeclients .Cooperativeclients_content .Cooperativeclients_content_list .content_list_li span::after{ content: ""; display: inline-block; width: 7px; height: 1px; background: #d2d2d2; position: absolute; right: -4px; bottom: -1px; z-index: 2;} .Cooperativeclients .Cooperativeclients_content .Cooperativeclients_content_list .content_list_li:nth-child(5n){ border-right: 0px solid #eeeeee;} .Cooperativeclients .Cooperativeclients_content .Cooperativeclients_content_list .content_list_li:hover{ filter: grayscale(0%); } .Cooperativeclients .Cooperativeclients_content .Cooperativeclients_content_list .content_list_li:first-child::before{ display: none;} .Cooperativeclients .Cooperativeclients_content .Cooperativeclients_content_list .content_list_li:first-child::after{ display: none;} .Cooperativeclients .Cooperativeclients_content .Cooperativeclients_content_list .content_list_li:nth-child(5n) span::before{ display: none;} .Cooperativeclients .Cooperativeclients_content .Cooperativeclients_content_list .content_list_li:nth-child(5n) span::after{ display: none;} .Cooperativeclients .Cooperativeclients_content .Cooperativeclients_content_list .content_list_li:nth-child(6)::before{ display: none;} .Cooperativeclients .Cooperativeclients_content .Cooperativeclients_content_list .content_list_li:nth-child(6)::after{ display: none;} .CitationOInteraction .CitationOInteraction_contact{ margin-top: 55px;} .CitationOInteraction .CitationOInteraction_contact .CitationOInteraction_contact_list{ display: flex; align-items: center; margin-bottom: 25px; justify-content: space-between;} .CitationOInteraction .CitationOInteraction_contact .CitationOInteraction_contact_list:last-child{ margin-bottom: 0;} .CitationOInteraction .CitationOInteraction_contact .CitationOInteraction_contact_list .contact_list_icon{ width: 75px; height: 75px; border-radius: 100%; border: 1px solid #dcdcdc; display: flex; align-items: center; justify-content: center;} .CitationOInteraction .CitationOInteraction_contact .CitationOInteraction_contact_list .contact_list_txt{ width: calc(100% - 100px);} .CitationOInteraction .CitationOInteraction_contact .CitationOInteraction_contact_list .contact_list_txt .list_txt_dd{ color: #333333;} .CitationOInteraction .CitationOInteraction_contact .CitationOInteraction_contact_list .contact_list_txt .list_txt_dt{ color: #666666; margin-top: 12px;} .CitationOInteraction .pc_all_content .CitationOInteraction_content{ border-bottom: 0; border-radius: 10px; overflow: hidden;} .CitationOInteraction .pc_all_content .CitationOInteraction_content img{ width: 100%; height: 100%; object-fit: cover;} @media screen and (max-width:1650px){ .About .About_right .About_right_top{ margin-bottom: 35px;} .About .About_right .About_right_bottom .right_bottom_list .bottom_list_icon{ width: 75px;} .About .About_right .About_right_bottom .right_bottom_list .bottom_list_icon img{ height: 45px;} .About .About_right .About_right_bottom .right_bottom_list .bottom_list_txt{ margin-left: 0px; width: calc(100% - 75px);} .CitationOC .CitationOC_content .CitationOC_list .CitationOC_list_title,.CitationOC .CitationOC_content .CitationOC_list .CitationOC_list_content{ padding: 35px;} .CitationOC .CitationOC_content .CitationOC_list .CitationOC_list_content .list_content_icon img{ height: 60px;} .HPerceptionContent_btn.padding60{ padding: 0px 55px;} .CitationOInteraction .CitationOInteraction_contact .CitationOInteraction_contact_list .contact_list_icon{ height: 73px; width: 73px;} .CitationOInteraction .CitationOInteraction_contact .CitationOInteraction_contact_list .contact_list_icon img{ height: 34px;} .CitationOInteraction .CitationOInteraction_contact .CitationOInteraction_contact_list .contact_list_txt{ width: calc(100% - 95px);} } @media screen and (max-width:1550px){ .About .About_right .About_right_top{ margin-bottom: 30px;} .About .About_right .About_right_bottom .right_bottom_list .bottom_list_icon{ width: 65px;} .About .About_right .About_right_bottom .right_bottom_list .bottom_list_icon img{ height: 43px;} .About .About_right .About_right_bottom .right_bottom_list .bottom_list_txt{ width: calc(100% - 65px);} .CitationOC .CitationOC_content .CitationOC_list .CitationOC_list_title,.CitationOC .CitationOC_content .CitationOC_list .CitationOC_list_content{ padding: 30px;} .CitationOC .CitationOC_content .CitationOC_list .CitationOC_list_content .list_content_icon img{ height: 55px;} .HPerceptionContent_btn.padding60{ padding: 0px 50px;} .CitationOInteraction .CitationOInteraction_contact .CitationOInteraction_contact_list .contact_list_icon{ height: 70px; width: 70px;} .CitationOInteraction .CitationOInteraction_contact .CitationOInteraction_contact_list .contact_list_icon img{ height: 32px;} .CitationOInteraction .CitationOInteraction_contact .CitationOInteraction_contact_list .contact_list_txt{ width: calc(100% - 90px);} } @media screen and (max-width:1450px){ .About .About_right .About_right_top{ margin-bottom: 25px;} .About .About_right .About_right_bottom .right_bottom_list .bottom_list_icon img{ height: 41px;} .CitationOC .CitationOC_content .CitationOC_list .CitationOC_list_title,.CitationOC .CitationOC_content .CitationOC_list .CitationOC_list_content{ padding: 25px;} .CitationOC .CitationOC_content .CitationOC_list .CitationOC_list_content .list_content_icon img{ height: 50px;} .HPerceptionContent_btn.padding60{ padding: 0px 45px;} .CitationOInteraction .CitationOInteraction_contact .CitationOInteraction_contact_list .contact_list_icon{ height: 67px; width: 67px;} .CitationOInteraction .CitationOInteraction_contact .CitationOInteraction_contact_list .contact_list_icon img{ height: 30px;} .CitationOInteraction .CitationOInteraction_contact .CitationOInteraction_contact_list .contact_list_txt{ width: calc(100% - 85px);} } @media screen and (max-width:1366px){ .About .About_right .About_right_bottom .right_bottom_list .bottom_list_icon img{ height: 39px;} .CitationOC .CitationOC_content .CitationOC_list{ width: calc(33.33% - 8px);} .HPerceptionContent_btn.padding60{ padding: 0px 40px;} .CitationOInteraction .CitationOInteraction_contact .CitationOInteraction_contact_list .contact_list_icon{ height: 64px; width: 64px;} .CitationOInteraction .CitationOInteraction_contact .CitationOInteraction_contact_list .contact_list_icon img{ height: 28px;} .CitationOInteraction .CitationOInteraction_contact .CitationOInteraction_contact_list .contact_list_txt{ width: calc(100% - 80px);} } @media screen and (max-width:1280px){ .About .About_right .About_right_bottom .right_bottom_list .bottom_list_icon img{ height: 37px;} .HPerceptionContent_btn.padding60{ padding: 0px 35px;} .CitationOInteraction .CitationOInteraction_contact .CitationOInteraction_contact_list .contact_list_icon{ height: 62px; width: 62px;} .CitationOInteraction .CitationOInteraction_contact .CitationOInteraction_contact_list .contact_list_icon img{ height: 28px;} .CitationOInteraction .CitationOInteraction_contact .CitationOInteraction_contact_list .contact_list_txt{ width: calc(100% - 75px);} } @media screen and (max-width:1200px){ .About .About_right .About_right_bottom .right_bottom_list .bottom_list_icon img{ height: 35px;} .About .About_right .About_right_bottom .right_bottom_icon{ margin: 0px 10px;} .HPerceptionContent_btn.padding60{ padding: 0px 30px;} } @media screen and (max-width:1024px){ /*ipad-y*/ .About .About_right .About_right_bottom .right_bottom_list{ flex-wrap: wrap; flex-direction: column; align-items: flex-start;} .About .About_right .About_right_bottom .right_bottom_list .bottom_list_icon,.About .About_right .About_right_bottom .right_bottom_list .bottom_list_txt{ width: auto;} .About .About_right .About_right_bottom .right_bottom_list .bottom_list_txt{ margin-top: 16px;} .HPerceptionContent_btn.padding60{ padding: 0px 4%;} .CitationOInteraction .CitationOInteraction_contact{ margin-top: 30px;} .CitationOInteraction .CitationOInteraction_contact .CitationOInteraction_contact_list .contact_list_icon{ width: 55px; height: 55px;} .CitationOInteraction .CitationOInteraction_contact .CitationOInteraction_contact_list .contact_list_icon img{ height: 22px;} .CitationOInteraction .CitationOInteraction_contact .CitationOInteraction_contact_list .contact_list_txt{ width: calc(100% - 75px);} .CitationOInteraction .CitationOInteraction_contact .CitationOInteraction_contact_list .contact_list_txt .list_txt_dt{ word-wrap: break-word;} } @media screen and (max-width:980px){ /*ipad-x*/ .title .title_left .title_left_txt{ margin-top: 20px;} .CitationOC .CitationOC_content .CitationOC_list .CitationOC_list_content .list_content_top{ font-size: 50px;} .CitationOC .CitationOC_content .CitationOC_list .CitationOC_list_content .list_content_icon2{ margin-top: 30px;} .CitationOC .CitationOC_content .CitationOC_list .CitationOC_list_content .list_content_icon img{ height: 40px;} .CitationOC .CitationOC_content .CitationOC_list .CitationOC_list_content .list_content_title{ margin-top: 10px; margin-bottom: 20px;} .CoreTeam .pc_all_content .HExplore_left{ width: 40%;} .CoreTeam .pc_all_content .HExplore_right{ width: 56%;} .CoreTeam .title .title_left .title_left_bottom{ margin-top: 0;} .CoreTeam .pc_all_content .ODigital_content .ODigital_content_list .content_list_po .list_po_txt{ height: 180px; overflow: auto; } .CitationOInteraction .pc_all_content .HExplore_left{ width: 40%;} .CitationOInteraction .pc_all_content .CitationOInteraction_content{ width: 56%;} } @media screen and (max-width:766px){ /*iphone*/ .title .title_left .title_left_txt{ margin-top: 25px;} .About .About_right .About_right_bottom .right_bottom_list{ width: 32%;} .About .About_right .About_right_bottom .right_bottom_icon{ display: none;} .About .AboutImg{ margin-top: 35px;} .CitationOC .CitationOC_content .CitationOC_list{ width: 100%; margin-bottom: 25px;} .CitationOC .CitationOC_content .CitationOC_list:last-child{ margin-bottom: 0;} .CoreTeam .pc_all_content .HExplore_left{ width: 100%;} .CoreTeam .pc_all_content .HExplore_right{ width: 100%;} .CoreTeam .pc_all_content .ODigital_content .ODigital_content_list{ margin-bottom: 0;} .Cooperativeclients .Cooperativeclients_content .Cooperativeclients_content_list .content_list_li{ width: 50%; padding: 25px; height: 100px;filter: grayscale(0%);} .Cooperativeclients .Cooperativeclients_content .Cooperativeclients_content_list .content_list_li span{ height: 100%; width: 100%; display: flex; align-items: center; justify-content: center;} .Cooperativeclients .Cooperativeclients_content .Cooperativeclients_content_list .content_list_li img{ max-height: 100%;} .Cooperativeclients .Cooperativeclients_content .Cooperativeclients_content_list .content_list_li:nth-child(5n){ border-right: 1px solid #eeeeee; } .CitationOInteraction .pc_all_content .HExplore_left{ width: 100%;} .CitationOInteraction .pc_all_content .CitationOInteraction_content{ width: 100%;} .CitationOInteraction .CitationOInteraction_contact{ margin-top: 35px;} } /* 5-4案例详情 */ .CaseDetailsTop{ background: #242424; margin-top: 76px; padding-top: 4.95vw;} .CaseDetailsTop .CaseDetailsTop_title{ text-align: center; margin-bottom: 2.6vw;} .CaseDetailsTop .CaseDetailsTop_title .CaseDetailsTop_title_dd{ color: #fff; margin-bottom: 13px;} .CaseDetailsTop .CaseDetailsTop_title .CaseDetailsTop_title_dt{ color: #fff;} .CaseDetailsTop .CaseDetailsTop_img{ border-radius: 10px 10px 0px 0px; overflow: hidden;} .CaseDetailsTop .CaseDetailsTop_img .CaseDetailsTop_img_top{ height: 50px; background: #fff; display: flex; align-items: center; padding: 0px 27px;} .CaseDetailsTop .CaseDetailsTop_img .CaseDetailsTop_img_top span{ display: inline-block; width: 11px; height: 11px; border-radius: 100%; margin-right: 9px;} .CaseDetailsTop .CaseDetailsTop_img .CaseDetailsTop_img_top span:last-child{ margin-right: 0;} .CaseDetailsTop .CaseDetailsTop_img .CaseDetailsTop_img_top span:nth-child(1){ background: #d30000;} .CaseDetailsTop .CaseDetailsTop_img .CaseDetailsTop_img_top span:nth-child(2){ background: #ff9c00;} .CaseDetailsTop .CaseDetailsTop_img .CaseDetailsTop_img_top span:nth-child(3){ background: #0ec234;} .CaseDetailsTop .CaseDetailsTop_img .CaseDetailsTop_img_bottom img{ width: 100%;} .CaseDetailsCustomer .CaseDetailsCustomer_top{ margin-top: 45px;} .CaseDetailsCustomer .CaseDetailsCustomer_top .CaseDetailsCustomer_top_logo img{ height: 40px;} .CaseDetailsCustomer .CaseDetailsCustomer_top .CaseDetailsCustomer_top_title{margin-top: 20px;} .CaseDetailsCustomer .CaseDetailsCustomer_top .CaseDetailsCustomer_top_title .top_title_dd{ color: #333333;} .CaseDetailsCustomer .CaseDetailsCustomer_top .CaseDetailsCustomer_top_title .top_title_dt{ color: #666666; margin-top: 11px;} .CaseDetailsCustomer .CaseDetailsCustomer_color{ display: flex; flex-wrap: wrap; justify-content: space-between; margin-top: 60px;} .CaseDetailsCustomer .CaseDetailsCustomer_color .CaseDetailsCustomer_color_list{ width: calc(25% - 15px); max-height: 320px; height: 16.672vw; border-radius: 10px; display: flex; align-items: flex-end; padding: 30px; color: #fff; text-transform: uppercase;} .CaseDetailsCustomer .CaseDetailsCustomer_font{ display: flex; justify-content: space-between; flex-wrap: wrap; margin-top: 63px;} .CaseDetailsCustomer .CaseDetailsCustomer_font .CaseDetailsCustomer_font_list{ width: calc(50% - 10px); background: #f5f5f5; border-radius: 10px; padding: 55px;} .CaseDetailsCustomer .CaseDetailsCustomer_font .CaseDetailsCustomer_font_list .font_list_title{ margin-bottom: 20px;} .CaseDetailsCustomer .CaseDetailsCustomer_font .CaseDetailsCustomer_font_list .font_list_title .list_title_dd{ color: #999999;} .CaseDetailsCustomer .CaseDetailsCustomer_font .CaseDetailsCustomer_font_list .font_list_title .list_title_dt{ color: #000000; margin-top: 12px;} .CaseDetailsCustomer .CaseDetailsCustomer_font .CaseDetailsCustomer_font_list .font_list_txt{ padding-right: 25%;} .CaseDetailsCustomer .CaseDetailsCustomer_font .CaseDetailsCustomer_font_list:last-child .font_list_txt{ line-height: 1.2;} .CaseDetailsBottom .CaseDetailsBottom_img{ position: relative;} .CaseDetailsBottom .CaseDetailsBottom_img .CaseDetailsBottom_img_top img{ width: 100%;} .CaseDetailsBottom .CaseDetailsBottom_img .CaseDetailsBottom_img_po{ position: absolute; top: 0; left: 0; right: 0; height: 100%; display: flex; align-items: center; justify-content: space-between; padding-top: 100px;} .CaseDetailsBottom .CaseDetailsBottom_img .CaseDetailsBottom_img_po .img_po_left{ width: 25%;} .CaseDetailsBottom .CaseDetailsBottom_img .CaseDetailsBottom_img_po .img_po_left .po_left_dd{ color: #fff;} .CaseDetailsBottom .CaseDetailsBottom_img .CaseDetailsBottom_img_po .img_po_left .po_left_dt{ color: #fff; margin-top: 20px;} .CaseDetailsBottom .CaseDetailsBottom_img .CaseDetailsBottom_img_po .img_po_left .po_left_icon{ margin-top: 105px; position: relative; width: calc(100% + 60px); left: -60px;} .CaseDetailsBottom .CaseDetailsBottom_img .CaseDetailsBottom_img_po .img_po_left .po_left_icon img{ width: 100%;} .CaseDetailsBottom .CaseDetailsBottom_img .CaseDetailsBottom_img_po .img_po_right{ color: #fff; opacity: .2; text-transform: capitalize; line-height: 1.2; transform: rotate(90deg); margin-top: -200px;} .CaseDetailsBottom .CaseDetailsBottom_img .CaseDetailsBottom_img_po .img_po_right img{ position: relative; top: 6px;} .CaseDetailsBottom .CaseDetailsBottom_content{ margin-top: -150px; position: relative; z-index: 2; display: flex; justify-content: space-between; align-items: flex-start;} .CaseDetailsBottom .CaseDetailsBottom_content .CaseDetailsBottom_content_left{ width: calc(100% - 630px);} .CaseDetailsBottom .CaseDetailsBottom_content .CaseDetailsBottom_content_left .content_left_list{ border-radius: 20px; overflow: hidden; border: 8px solid #fff; margin-bottom: 30px;} .CaseDetailsBottom .CaseDetailsBottom_content .CaseDetailsBottom_content_left .content_left_list img{ width: 100%;} .CaseDetailsBottom .CaseDetailsBottom_content .CaseDetailsBottom_content_left .content_left_list:last-child{ margin-bottom: 0;} .CaseDetailsBottom .CaseDetailsBottom_content .CaseDetailsBottom_content_right{ width: 610px; border-radius: 10px; background: #ff9134; padding: 50px; position: relative;} .CaseDetailsBottom .CaseDetailsBottom_content .CaseDetailsBottom_content_right .content_right_title{ margin-bottom: 35px; position: relative; z-index: 2;} .CaseDetailsBottom .CaseDetailsBottom_content .CaseDetailsBottom_content_right .content_right_title .right_title_dd{ color: #fff; margin-bottom: 10px; opacity: .6; text-transform: uppercase;} .CaseDetailsBottom .CaseDetailsBottom_content .CaseDetailsBottom_content_right .content_right_title .right_title_dt{ color: #fff;} .CaseDetailsBottom .CaseDetailsBottom_content .CaseDetailsBottom_content_right .content_right_txt{ display: flex; align-items: center; justify-content: space-between; margin-bottom: 35px;position: relative; z-index: 2;} .CaseDetailsBottom .CaseDetailsBottom_content .CaseDetailsBottom_content_right .content_right_txt .right_txt_con{ width: calc(100% - 70px);} .CaseDetailsBottom .CaseDetailsBottom_content .CaseDetailsBottom_content_right .content_right_txt .right_txt_con .txt_con_dd{ color: #fff;} .CaseDetailsBottom .CaseDetailsBottom_content .CaseDetailsBottom_content_right .content_right_txt .right_txt_con .txt_con_dt{ color: #fff; margin-top: 7px;} .CaseDetailsBottom .CaseDetailsBottom_content .CaseDetailsBottom_content_right .content_right_icon{ position: absolute; right: 10px; bottom: 10px;} @media screen and (max-width:1650px){ .CaseDetailsTop .CaseDetailsTop_img .CaseDetailsTop_img_top{ height: 47px; padding: 0px 25px;} .CaseDetailsTop .CaseDetailsTop_img .CaseDetailsTop_img_top span{ width: 10px; height: 10px; margin-right: 8px;} .CaseDetailsCustomer .CaseDetailsCustomer_color .CaseDetailsCustomer_color_list{ padding: 25px;} .CaseDetailsCustomer .CaseDetailsCustomer_color,.CaseDetailsCustomer .CaseDetailsCustomer_font{ margin-top: 50px;} .CaseDetailsCustomer .CaseDetailsCustomer_font .CaseDetailsCustomer_font_list{ padding: 50px;} .CaseDetailsBottom .CaseDetailsBottom_content .CaseDetailsBottom_content_left{ width: calc(100% - 560px);} .CaseDetailsBottom .CaseDetailsBottom_content .CaseDetailsBottom_content_right{ width: 550px;} } @media screen and (max-width:1550px){ .CaseDetailsTop .CaseDetailsTop_img .CaseDetailsTop_img_top{ height: 44px; padding: 0px 23px;} .CaseDetailsTop .CaseDetailsTop_img .CaseDetailsTop_img_top span{ width: 9px; height: 9px; margin-right: 7px;} .CaseDetailsCustomer .CaseDetailsCustomer_color .CaseDetailsCustomer_color_list{ padding: 20px;} .CaseDetailsCustomer .CaseDetailsCustomer_color,.CaseDetailsCustomer .CaseDetailsCustomer_font{ margin-top: 40px;} .CaseDetailsCustomer .CaseDetailsCustomer_font .CaseDetailsCustomer_font_list{ padding: 45px;} .CaseDetailsBottom .CaseDetailsBottom_content .CaseDetailsBottom_content_left{ width: calc(100% - 510px);} .CaseDetailsBottom .CaseDetailsBottom_content .CaseDetailsBottom_content_right{ width: 500px;} } @media screen and (max-width:1450px){ .CaseDetailsTop .CaseDetailsTop_img .CaseDetailsTop_img_top{ height: 41px; padding: 0px 21px;} .CaseDetailsTop .CaseDetailsTop_img .CaseDetailsTop_img_top span{ width: 8px; height: 8px; margin-right: 6px;} .CaseDetailsCustomer .CaseDetailsCustomer_color,.CaseDetailsCustomer .CaseDetailsCustomer_font{ margin-top: 30px;} .CaseDetailsCustomer .CaseDetailsCustomer_font .CaseDetailsCustomer_font_list{ padding: 40px;} .CaseDetailsBottom .CaseDetailsBottom_content .CaseDetailsBottom_content_left{ width: calc(100% - 460px);} .CaseDetailsBottom .CaseDetailsBottom_content .CaseDetailsBottom_content_right{ width: 450px;} } @media screen and (max-width:1366px){ .CaseDetailsTop .CaseDetailsTop_img .CaseDetailsTop_img_top{ height: 37px; padding: 0px 19px;} .CaseDetailsTop .CaseDetailsTop_img .CaseDetailsTop_img_top span{ width: 7px; height: 7px; margin-right: 5px;} .CaseDetailsCustomer .CaseDetailsCustomer_color .CaseDetailsCustomer_color_list{ width: calc(25% - 8px);} .CaseDetailsCustomer .CaseDetailsCustomer_font .CaseDetailsCustomer_font_list{ padding: 35px;} } @media screen and (max-width:1280px){ .CaseDetailsTop .CaseDetailsTop_img .CaseDetailsTop_img_top{ height: 34px; padding: 0px 17px;} .CaseDetailsCustomer .CaseDetailsCustomer_font .CaseDetailsCustomer_font_list{ padding: 30px;} .CaseDetailsBottom .CaseDetailsBottom_content .CaseDetailsBottom_content_left{ width: calc(100% - 410px);} .CaseDetailsBottom .CaseDetailsBottom_content .CaseDetailsBottom_content_right{ width: 400px;} } @media screen and (max-width:1200px){ .CaseDetailsTop .CaseDetailsTop_img .CaseDetailsTop_img_top{ height: 31px; padding: 0px 15px;} } @media screen and (max-width:1024px){ /*ipad-y*/ .CaseDetailsTop{ margin-top: 62px;} .CaseDetailsCustomer .CaseDetailsCustomer_font .CaseDetailsCustomer_font_list .font_list_txt{ padding-right: 0;} .CaseDetailsBottom .CaseDetailsBottom_img .CaseDetailsBottom_img_po{ padding: 25px; flex-wrap: wrap; position: relative; background: #fff; max-width: 100%; width: 100%;} .CaseDetailsBottom .CaseDetailsBottom_img .CaseDetailsBottom_img_po .img_po_left .po_left_dd{ color: #111;} .CaseDetailsBottom .CaseDetailsBottom_img .CaseDetailsBottom_img_po .img_po_left .po_left_dt{ color: #666;} .CaseDetailsBottom .CaseDetailsBottom_img .CaseDetailsBottom_img_po .img_po_left .po_left_icon{ display: none;} .CaseDetailsBottom .CaseDetailsBottom_img .CaseDetailsBottom_img_po .img_po_left{ margin-top: 0; width: 100%;} .CaseDetailsBottom .CaseDetailsBottom_img .CaseDetailsBottom_img_po .img_po_right{ display: none;} .CaseDetailsBottom .CaseDetailsBottom_content{ margin-top: 0; flex-wrap: wrap; padding: 25px 0px; padding-bottom: 0;} .CaseDetailsBottom .CaseDetailsBottom_content .CaseDetailsBottom_content_left,.CaseDetailsBottom .CaseDetailsBottom_content .CaseDetailsBottom_content_right{ width: 100%;} .CaseDetailsBottom .CaseDetailsBottom_content .CaseDetailsBottom_content_right{ position: relative !important; right: 0 !important; top: 0 !important; padding: 33px; margin-top: 22px;} .ListCase .ListCase_img img{ height: 50px;} } @media screen and (max-width:980px){ /*ipad-x*/ } @media screen and (max-width:766px){ /*iphone*/ .CaseDetailsTop{ padding-top: 45px;} .CaseDetailsTop .CaseDetailsTop_title{ margin-bottom: 25px;} .CaseDetailsCustomer .CaseDetailsCustomer_top{ margin-top: 30px;} .CaseDetailsCustomer .CaseDetailsCustomer_color .CaseDetailsCustomer_color_list{ height: 150px; width: 48%; margin-bottom: 4%; padding: 15px;} .CaseDetailsCustomer .CaseDetailsCustomer_font{ margin-top: 0px;} .CaseDetailsCustomer .CaseDetailsCustomer_font .CaseDetailsCustomer_font_list{ width: 100%; padding: 25px; margin-top: 20px;} } .layui-laypage{display:flex;font-size:16px;color:#999999;align-items:center;justify-content:center;margin-top:68px;} .layui-laypage .layui-laypage-count{display:none;} .layui-laypage a{font-size:16px;color:#999999;height:42px;width:42px;text-align:center;border:#dadada solid 1px;margin:0 5px;background:#fff;border-radius:5px;display:flex;align-items:center;justify-content:center;} .layui-laypage-curr{background:#fd902e;font-size:16px;color:#fff;height:42px;width:42px;text-align:center;margin:0 5px;border-radius:5px;display:flex;align-items:center;justify-content:center;} .layui-laypage-curr em,.layui-laypage-disabled em{font-style:inherit;} .layui-laypage-disabled{font-size:16px;color:#999999;height:42px;text-align:center;margin:0 5px;background:#fff;border:#dadada solid 1px;border-radius:5px;width:42px;align-items:center;display:flex;align-items:center;justify-content:center;} .layui-laypage-disabled:hover{background:#fd902e;color:#fff;border:1px solid #fd902e;} .layui-laypage a:hover{background:#fd902e;color:#fff;border:1px solid #fd902e;} /*判断1920以上尺寸*/ @media screen and (min-width:1921px){ .HIFuture .pc_all_content .HIFuture_right{ height: 31.4684vw; background: none;} .HIFuture .pc_all_content .HIFuture_right .HIFuture_right_list{ display: flex; flex-wrap: wrap;} .HIFuture .pc_all_content .HIFuture_right .HIFuture_right_list .right_list_icon{ position: absolute; bottom: 40px; left: 40px;} .HIFuture .pc_all_content .HIFuture_right .HIFuture_right_list{ height: 5vw; } .HIFuture .pc_all_content .HIFuture_right .HIFuture_right_list .right_list_top{ width: 100%; align-items:center;} .HIFuture .pc_all_content .HIFuture_right .HIFuture_right_list .right_list_top .list_top_dd p:last-child{ height: 0px;} .HIFuture .pc_all_content .HIFuture_right .HIFuture_right_list .right_list_txt{ display: none;} .HIFuture .pc_all_content .HIFuture_right .HIFuture_right_list.active{ height: 20.84vw;} .HIFuture .pc_all_content .HIFuture_right .HIFuture_right_list.active{ display: block;} .HIFuture .pc_all_content .HIFuture_right .HIFuture_right_list.active .right_list_top{ align-items: flex-start;} .HIFuture .pc_all_content .HIFuture_right .HIFuture_right_list.active .right_list_top .list_top_dd p:last-child{ height: auto;} .HIFuture .pc_all_content .HIFuture_right .HIFuture_right_list.active .right_list_txt{ display: block;} .DigitalBM .DigitalBM_content .DigitalBM_content_list{ padding: 2.084vw;} .DigitalBM .DigitalBM_content .DigitalBM_content_list .content_list_icon{ margin-bottom: 2.8655vw; } .DigitalBM .DigitalBM_content .DigitalBM_content_list .content_list_title .list_title_dt{ margin-top: 1.042vw;} .SiteService .pc_all_content{ height: 41.8363vw; justify-content:center} .SiteService .pc_all_content .SiteService_content .title.marginbottom100{ margin-bottom: 5.21vw;} .SiteService .pc_all_content .SiteService_content .SiteService_content_list{ padding: 2.084vw 1.563vw;} .SiteService .pc_all_content .SiteService_content .SiteService_content_list .content_list_txt{ margin-top: 3.6470vw;} .SiteService .pc_all_content .SiteService_content .SiteService_content_list .content_list_txt .list_txt_dt{ margin-top: 0.9378vw;} .DigitalMarketing{ height:41.1069vw;} .OurClients{ height: 46.369vw; display: flex; align-items:center;} .CoreColumn{ height: 44.285000000000004vw; display: flex; align-items:center;} .CoreColumn .pc_all_content{ height: 100%; display: flex; flex-direction: column; justify-content: space-between;} } .banner .banner_list .banner_list_Searchpo{ position: absolute; left: 0; top:0; width: 100%; height: 100%; display: flex; align-items:center; justify-content:center;} .banner .banner_list .banner_list_Searchpo .list_Searchpo_content{ width: 1000px; max-width:92%;} .banner .banner_list .banner_list_Searchpo .Searchpo_content_title{ color:#fff; text-align:center; margin-bottom: 20px;} .banner .banner_list .banner_list_Searchpo .Searchpo_content_form{ width: 1000px; max-width:100%; display: flex; background:#fff; border-radius:5px; overflow: hidden; position: relative;} .banner .banner_list .banner_list_Searchpo .Searchpo_content_form input{ height: 80px; display: flex; align-items:center; justify-content:center;} .banner .banner_list .banner_list_Searchpo .Searchpo_content_form input[type="text"]{ width: 80%; display: flex; align-items:center; justify-content:center; color:#222; padding: 0px 35px;} .banner .banner_list .banner_list_Searchpo .Searchpo_content_form input[type="submit"]{ width: 20%; border-radius:5px; overflow: hidden; position: absolute; right:0; top: 0; opacity: 0;} .banner .banner_list .banner_list_Searchpo .Searchpo_content_form span{ width: 20%; border-radius:5px; overflow: hidden; background:#f1893d; color:#fff; display: flex; align-items:center; justify-content:center;} .banner .banner_list .banner_list_Searchpo .Searchpo_content_form span img{ height: 20px; margin-left: 10px;} .banner .banner_list .banner_list_Searchpo .Searchpo_content_bottom{ padding: 15px 35px; color:rgba(255,255,255,.7);} .banner .banner_list .banner_list_Searchpo .Searchpo_content_bottom a{ color:rgba(255,255,255,.7);} .banner .banner_list .banner_list_Searchpo .Searchpo_content_bottom a:hover{ color:#f1893d;} .DSearch .DSearch_top{ display: flex; align-items:center; justify-content: space-between; padding: 50px 0px; color:#000;} .DSearch .DSearch_top .DSearch_top_dt span{ color:#f1893d;} .DSearch2{ background:#f4f4f4; padding-top: 20px;} .DSearch2 .DSearch_content .DSearch_content_list{ display: flex; align-items:center; justify-content: space-between; background:#fff; margin-top: 30px; border-radius: 10px; padding: 50px;} .DSearch2 .DSearch_content .DSearch_content_list .content_list_left{ width:calc(100% - 450px);} .DSearch2 .DSearch_content .DSearch_content_list .content_list_left .list_left_dt{ margin-top:11px; margin-bottom: 20px;display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden;} .DSearch2 .DSearch_content .DSearch_content_list .content_list_left .list_left_dt span{ margin-left: -10px;} .DSearch2 .DSearch_content .DSearch_content_list .content_list_left .list_left_p{display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; color:#555555;} .DSearch2 .DSearch_content .DSearch_content_list .content_list_btn{ width: 180px; display: flex; align-items:center; justify-content:center; border-radius: 5px; color:#f18c34; border: 1px solid #f18c34; height: 55px;} .DSearch2 .DSearch_content .DSearch_content_list .content_list_btn span{ margin-left: 20px; display: flex; align-items:center; justify-content:center; position:relative;} .DSearch2 .DSearch_content .DSearch_content_list .content_list_btn span img{ height: 18px;} .DSearch2 .DSearch_content .DSearch_content_list .content_list_btn span img:last-child{ position: absolute; left:0; top:0; opacity: 0;} .DSearch2 .DSearch_content .DSearch_content_list:hover{ box-shadow: 0px 0px 10px rgba(0,0,0,.1);} .DSearch2 .DSearch_content .DSearch_content_list:hover .content_list_left .list_left_dt{ color:#f1893d; text-decoration:underline;} .DSearch2 .DSearch_content .DSearch_content_list:hover .content_list_btn{ background:#f1893d; color:#fff;} .DSearch2 .DSearch_content .DSearch_content_list:hover .content_list_btn span img{ opacity: 0;} .DSearch2 .DSearch_content .DSearch_content_list:hover .content_list_btn span img:last-child{ opacity: 1;} @media screen and (max-width:1650px){ .layui-laypage{margin-top:58px;} .Btn{ width: 160px; padding: 18px;} .title.marginbottom50{ margin-bottom: 45px;} .padding100{ padding: 90px 0px;} .DSearch2 .DSearch_content .DSearch_content_list .content_list_left{ width:calc(100% - 400px);} .DSearch2 .DSearch_content .DSearch_content_list .content_list_btn{ width: 170px;} .DSearch2 .DSearch_content .DSearch_content_list .content_list_btn span img{ height: 17px;} } @media screen and (max-width:1550px){ .layui-laypage{margin-top:48px;} .Btn{ width: 150px; padding: 17px;} .padding100{ padding: 80px 0px;} .DSearch2 .DSearch_content .DSearch_content_list .content_list_left{ width:calc(100% - 350px);} .DSearch2 .DSearch_content .DSearch_content_list .content_list_btn{ width: 160px;} .DSearch2 .DSearch_content .DSearch_content_list .content_list_btn span img{ height: 16px;} } @media screen and (max-width:1450px){ .layui-laypage{margin-top:38px;} .Btn{ width: 140px; padding: 16px;} .title.marginbottom50{ margin-bottom: 40px;} .padding100{ padding: 70px 0px;} .DSearch2 .DSearch_content .DSearch_content_list .content_list_left{ width:calc(100% - 300px);} .DSearch2 .DSearch_content .DSearch_content_list .content_list_btn{ width: 150px;} .DSearch2 .DSearch_content .DSearch_content_list .content_list_btn span img{ height: 15px;} } @media screen and (max-width:1366px){ .Btn{ width: 130px; padding: 15px;} .padding100{ padding: 60px 0px;} .DSearch2 .DSearch_content .DSearch_content_list .content_list_left{ width:calc(100% - 250px);} .DSearch2 .DSearch_content .DSearch_content_list .content_list_btn{ width: 140px;} .DSearch2 .DSearch_content .DSearch_content_list .content_list_btn span img{ height: 14px;} } @media screen and (max-width:1280px){ .title.marginbottom50{ margin-bottom: 36px;} .Btn{ width: 130px; padding: 14px;} .DSearch2 .DSearch_content .DSearch_content_list .content_list_left{ width:calc(100% - 200px);} } @media screen and (max-width:1200px){ } @media screen and (max-width:1024px){ /*ipad-y*/ .Header,.HeaderNav{ display: none;} .pc_all .pc_all_content,.banner .banner_list_po,.DBanner .DBanner_po,.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; background: #fff; box-shadow: 0px 0px 20px rgba(0,0,0,.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_btn{ display: flex; position: absolute; right: 100px; top: 50%; transform: translateY(-50%);} .m-header-nav .sp_btn .sp_btn_list{ margin-right: 15px; position: relative;} .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; position: relative; justify-content:center;} .m-header-nav .sp_btn .sp_btn_list .btn_list_title img{ height: 18px;} .m-header-nav .sp_btn .sp_btn_list .btn_list_title img:last-child{ opacity: 0; position: absolute; left: 0; top: 0;} .m-header-nav.on .sp_btn .sp_btn_list .btn_list_title img{ opacity: 0;} .m-header-nav.on .sp_btn .sp_btn_list .btn_list_title img:last-child{ opacity: 1;} .m-header-nav.in .sp_btn .sp_btn_list .btn_list_title img{ opacity: 0;} .m-header-nav.in .sp_btn .sp_btn_list .btn_list_title img:last-child{ opacity: 1;} .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_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: 28px;} .m-header-nav .sp_logo img:last-child{ opacity: 0; position: absolute; left: 0; top: 0;} .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:#000;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: none;position:fixed;z-index:9;background:white;width:100%;height:calc(100% - 62px);font-size: .95rem;;line-height:2.7rem;top:62px;left:0;overflow:auto;overflow-x:hidden;transition:top ease 0.45s; border-top:1px solid #dcdcdc;} .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; height: 53px; 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: 16px;padding: 18px 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} .m-header-nav.on{ background: #333; box-shadow: 0px 0px 20px rgba(0,0,0,.2);} .m-header-nav.in{ background: #333; box-shadow: 0px 0px 20px rgba(0,0,0,.2);} .m-header-nav.on .sp_nav span{ background: #fff;transition:all ease 0.45s;} .m-header-nav.on .sp_logo img{ opacity: 0;transition:all ease 0.45s;} .m-header-nav.on .sp_logo img:last-child{ opacity: 1;} .m-header-nav.in .sp_nav span{ background: #fff;transition:all ease 0.45s;} .m-header-nav.in .sp_logo img{ opacity: 0;transition:all ease 0.45s;} .m-header-nav.in .sp_logo img:last-child{ opacity: 1;} .layui-laypage a{font-size:14px;height:30px;margin:0 6px;width:30px;} .layui-laypage-curr{font-size:14px;height:30px;margin:0 6px;width:30px;} .layui-laypage-disabled{font-size:14px;height:30px;margin:0 6px;width:30px;} .padding100{ padding: 60px 0px;} } @media screen and (max-width:980px){ /*ipad-x*/ img{ max-width:100%;} .padding100{ padding: 50px 0px;} } @media screen and (max-width:766px){ /*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;} .padding100{ padding: 40px 0px;} .m-header-nav .sp_btn{ right: 60px;} .title.marginbottom50{ margin-bottom: 26px;} .padding160{ padding: 40px 0px;} .padding70{ padding: 40px 0px;} .padding90{ padding: 40px 0px;} .DBanner img{ height: 220px; object-fit: cover;} .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;} .HAbout .HAbout_top .HAbout_top_left .Title{ margin-bottom: 20px;} .DSearch2{ padding-top: 0px;} .DSearch2 .DSearch_content .DSearch_content_list{ flex-wrap: wrap; padding: 25px; margin-top: 22px;} .DSearch2 .DSearch_content .DSearch_content_list .content_list_left{ width: 100%;} .DSearch2 .DSearch_content .DSearch_content_list .content_list_left{ margin-bottom: 25px;} .DSearch2 .DSearch_content .DSearch_content_list .content_list_btn{ height: 42px;} .banner .banner_list .banner_list_Searchpo .Searchpo_content_form input[type="text"]{ width: calc(100% - 150px); padding: 0px 20px; height: 60px;} .banner .banner_list .banner_list_Searchpo .Searchpo_content_form input[type="submit"]{ width: 150px; height: 60px;} .banner .banner_list .banner_list_Searchpo .Searchpo_content_form span{ width: 150px; height: 60px;} .banner .banner_list .banner_list_Searchpo .Searchpo_content_form span img{ height: 14px;} .banner .banner_list .banner_list_Searchpo .Searchpo_content_bottom{ padding: 20px;} .banner .banner_list .banner_list_Searchpo .Searchpo_content_bottom a{ margin-bottom: 8px; display: inline-block;} .DSearch .DSearch_top{ padding: 32px 0px;} }