.fl { float: left; } .fr { float: right; } .conwidth{ max-width: 1600px; width: 90%; margin: auto; } .owidth{ max-width: 1920px; width: 100%; margin: auto; padding: 0 5.2%; box-sizing: border-box; } .headNav { width: 100%; position: fixed; top: 0; left: 0; z-index: 888; } .headNav.oth{ position: relative; } .headNav.oth.ons{ position: fixed; } .m_head{ display: none; } .nav_top .owidth{ display: flex; align-items: center; justify-content: space-between; } .nav_top, .nav_bot{ border-bottom: 1px rgba(255, 255, 255, 0.1) solid; } .nav_top_left { } .nav_top_left .language, .nav_top_left .navLogos { display: inline-block; float: left; line-height: 54px; } .nav_bot .owidth .box{ position: relative; } .nav_bot.downMens .nav_top_left{ position: absolute; left: 0; top: 0; } .nav_bot.downMens .nav_top_right{ position: absolute; right: 0; top: 0; } /*20221011*/ .nav_bot.downMens .nav_top_right li a{ /*display: block;*/ padding: 0px 23px; line-height: 54px; } .logo, .logo-fan{ height: 37px; } .logo-fan { display: none; } /*20221011*/ .nav_top_right ul li { display: inline-block; vertical-align: middle; padding-left: 35px; /*float: left;*/ } .nav_top_right ul li:nth-of-type(-n+3) { padding: 0px 60px 0px 0px; position: relative; } .nav_top_right ul li:nth-of-type(-n+3) a::after { content: ''; width: 11px; height: 11px; background: url(../images/index/small_arrow_w.png) no-repeat center; display: inline-block; position: absolute; right: 40px; top: 0; bottom: 0; margin: auto; } .nav_top_right ul li:nth-of-type(-n+3) a { padding-left: 0; } .nav_top_right ul li a { display: block; font-size: 12px; line-height: 26px; color: #ffffff; padding-left: 30px; } .ons .nav_top_right ul li a, .headNav.white .nav_top_right ul li a{ color: #282828; } .ons .nav_top_right ul li:hover>a, .headNav.white .nav_top_right ul li:hover>a{ color: #00a19b; } .nav_top_right ul li.borders { border-right: 1px rgba(255, 255, 255, 0.15) solid; } .nav_top_right ul li.searli a { background: url(../images/index/search_w.png) no-repeat left center; } /*20221011*/ .globali { position: relative; } .nav_top_right ul li.globali>a { background: url(../images/index/sphere_w.png) no-repeat left center; background-size: 18px; } .nav_top_right ul li.globali>a:after { content: ''; background: url(../images/index/small_arrow_w.png) no-repeat right center; display: inline-block; width: 10px; height: 9px; margin-left: 10px; } /*20221010修改*/ /*.globali .landowns { display: none; text-align: center; border-radius: 4px; position: absolute; right: 0; top: 26px; min-width: 110px; z-index: 9; padding: 20px 3px; }*/ .nav_top_right ul li.globali>a{ padding-top: 14px; padding-bottom: 14px; } .globali .landowns { display: none; border-top: 1px rgba(0, 0, 0, 0.15) solid; background: #fff; box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1); text-align: center; border-radius: 4px; /*padding: 8px 3px;*/ position: absolute; left: 50%; transform: translateX(-50%); top: 54px; min-width: 100%; z-index: 9; padding: 15px; } .globali .landowns a{ position: relative; overflow: hidden; color: #282828 !important; } .globali .landowns a i{ position: absolute; left: 0; top: 11px; width: 14px; height: 14px; background: url(../images/index/newic1.png) center no-repeat; background-size: 14px 14px; } .globali .landowns a.on, .globali .landowns a:hover{ /*font-weight: bold;*/ color: #06a39d !important; } .globali .landowns a.on i, .globali .landowns a:hover i{ background: url(../images/index/newic2.png) center no-repeat; background-size: 14px 14px; } /*20221011*/ /*.head-marTop .globali .landowns{ top: 42px; }*/ /*.globali .landowns:before { content: ''; position: absolute; top: -20px; left: 35px; display: block; z-index: 5; border-color: transparent transparent #FFFFFF transparent; border-width: 10px; border-style: solid; transition: all .5s ease; }*/ /*20221011*/ .globali .landowns a, .head-marTop .globali .landowns a{ display: block; color: #333333; font-size: 14px; padding: 5px 0px 5px 22px !important; line-height: 26px !important; cursor: pointer; text-align: left; white-space: nowrap; } .globali .landowns a.more{ padding-left: 0 !important; color: #06a39d !important; } .globali .landowns a:hover { /*background: #E1E1E1;*/ color: #00a19b !important; } /*.globali:hover .landowns { display: block; }*/ .nav { padding: 43px 0; background: #fff; position: relative; box-shadow: 0 0 5px rgb(0 0 0 / 10%); transition: all 0.5s ease-in; } .h_search { width: 690px; margin: 0 auto; top: 0; position: absolute; left: 50%; margin-left: -345px; z-index: 99; padding-top: 5px; opacity: 0; transition: all 0.3s ease-in; } .h_search .ikeyClick{ float: left; margin-top: 14px; padding-left: 10px; cursor: pointer; } .h_searchdesc { padding: 18px 10px; background: #fff; margin-top: 18px; box-shadow: 0 0 5px rgba(0, 0, 0, 0.1); } .h_searchdesc h4 { font-size: 12px; color: #666; padding-left: 35px; } .h_searchdesc li { line-height: 32px; margin: 5px 0; padding: 0 45px; } .h_searchdesc li a { color: #333; } .h_searchdesc li:hover { background: #f2f2f2; } .h_searchdesc li:hover a { color: #222; } .navm { position: relative; padding: 0 11%; } .guanbia { background: url(../images/index/guanbia.png) center no-repeat; background-size: cover; width: 20px; height: 20px; position: absolute; right: 50%; margin-right: -600px; top: 17px; display: none; } .h_searchtxt { width: 75%; line-height: 44px; font-size: 14px; padding: 0 25px; /* background: url(../img/icon2.png) 10px center no-repeat; */ color: #333333; } /*.h_searchtxt, .h_searchdesc li, .h_searchdesc h4 { opacity: 0; -webkit-opacity: 0; transform: translateX(100px); transition: all 0.3s ease; }*/ .h_searchdesc li { transform: translateX(20px); } /*.h_searchon .h_searchtxt, .h_searchon .h_searchdesc li, .h_searchon .h_searchdesc h4 { opacity: 1; -webkit-opacity: 1; transform: translateX(0); -webkit-transform: translateX(0); }*/ .hsbg { background: #000; opacity: 0; -webkit-opacity: 0; visibility: hidden; position: fixed; left: 0; top: 0; height: 100vh; width: 100%; z-index: 10; transition: all 0.5s ease-in; } /*.h_searchtxt { transition-delay: 0.3s; }*/ .h_searchdesc { padding: 18px 10px; background: #fff; margin-top: 18px; box-shadow: 0 0 5px rgba(0, 0, 0, 0.1); } .h_searchdesc li.n1 { transition-delay: 0.3s; } .h_searchdesc li.n2 { transition-delay: 0.4s; } .h_searchdesc li.n3 { transition-delay: 0.5s; } .h_searchdesc li.n4 { transition-delay: 0.6s; } .h_search { visibility: hidden; } .h_searchon { visibility: visible; opacity: 1; } .nav { padding: 43px 0; background: #fff; /*position: relative;*/ position: absolute; left: 0; width: 100%; box-shadow: 0 0 5px rgba(0, 0, 0, 0.1); transition: all 0.5s ease-in; } .nav { padding-top: 0; padding-bottom: 0; } .navon { background: #FFFFFF; height: 54px; } .hsbgon { opacity: 0.7; -webkit-opacity: 0.7; visibility: visible; } .ons, .headNav.white, .headNav.oth{ background: #FFFFFF; } .ons .logo, .headNav.white .logo, .headNav.oth .logo{ display: none; } .ons .logo-fan, .headNav.white .logo-fan, .headNav.oth .logo-fan{ display: inline-block; } .ons .language a::before, .headNav.white .language a::before, .headNav.oth .language a::before{ content: ''; width: 18px; height: 18px; background: url(../images/index/sphere_w.png) no-repeat center; background-size: cover; display: inline-block; margin-right: 15px; position: absolute; left: 0; top: 9px; } .ons .language a::after, .headNav.white .language a::after, .headNav.oth .language a::after{ background: url(../images/index/down_arrow.png) no-repeat center; } .ons .nav_top_right ul li.searli a, .headNav.white .nav_top_right ul li.searli a, .headNav.oth .nav_top_right ul li.searli a{ color: #282828; background: url(../images/index/search.png) no-repeat left center; } .down-Fan2.searli a, .down-Fan2.globali a { font-size: 14px !important; } .downMens .down-Fan2 .navsearch { background: url(../images/index/search.png) no-repeat left center !important; margin-left: 70px; background-size: 18px !important; } .ons .nav_top_right ul li.globali>a, .headNav.white .nav_top_right ul li.globali>a, .headNav.oth .nav_top_right ul li.globali>a{ color: #282828; background: url(../images/index/sphere.png) no-repeat left center; background-size: 18px; } .ons .nav_top_right ul li.globali a:after, .headNav.white .nav_top_right ul li.globali a:after, .headNav.oth .nav_top_right ul li.globali a:after{ background: url(../images/index/down_arrow.png) no-repeat right center; } .downMens .down-Fan2.globali { background: url(../images/index/sphere.png) no-repeat left center; background-size: 18px; padding-left: 5px; } .ons .language a, .ons .nav_top_right ul li a, .headNav.white .language a, .headNav.white .nav_top_right ul li a, .headNav.oth .language a, .headNav.oth .nav_top_right ul li a{ color: #333333; } .ons .nav_bot .navBotuls>li>a, .headNav.white .nav_bot .navBotuls>li>a, .headNav.oth .nav_bot .navBotuls>li>a{ color: #333333; background: url(../images/index/down.png) no-repeat right center; } .ons .nav_top_right ul li.borders, .headNav.white .nav_top_right ul li.borders, .headNav.oth .nav_top_right ul li.borders{ border-right: 1px rgba(0, 0, 0, 0.15) solid; } .ons .nav_top, .ons .nav_bot, .headNav.white .nav_top, .headNav.white .nav_bot, .headNav.oth .nav_top, .headNav.oth .nav_bot{ border-bottom: 1px rgba(0, 0, 0, 0.15) solid; } /*20221026*/ /*.head-marTop { top: -55px !important; }*/ .head-marTop { top: 0px !important; } .head-marTop .nav_top{ display: none; } /**/ .down-Fan2 { opacity: 0; display: none !important; } .down-Fan2-2 { display: none !important; } .downMens .navBotuls { /*text-align: right;*/ } .downMens .down-Fan2 { opacity: 1; display: inline-block !important; } .down-Fan2-2.borders a { background: none !important; } .downMens .down-Fan2-2 { display: inline-block !important; } .nav_bot .nav_top_left { transition: all .5s ease; } .navBotuls { margin: auto; text-align: center; position: relative; font-size: 0; } .nav_bot .navBotuls li { display: inline-block; } /*20221018*/ .nav_bot .navBotuls>li{ margin-right: 25px; } .nav_bot .navBotuls>li:last-child{ margin-right: 0px; } /**/ .nav_bot .navBotuls li.bgnone a, .ons .nav_bot .navBotuls li.bgnone a, .headNav.white .nav_bot .navBotuls li.bgnone a, .headNav.oth .nav_bot .navBotuls li.bgnone a{ background: none !important; } .ons .nav_top_right ul li:nth-of-type(-n+3) a::after, .headNav.white .nav_top_right ul li:nth-of-type(-n+3) a::after, .headNav.oth .nav_top_right ul li:nth-of-type(-n+3) a::after{ background: url(../images/index/small_arrow.png) no-repeat center; } .headNav.white .nav_top_right ul li:nth-of-type(-n+3):hover a::after, .headNav.oth .nav_top_right ul li:nth-of-type(-n+3):hover a::after, .ons .nav_top_right ul li:nth-of-type(-n+3):hover a::after{ background: url(../images/index/small_arrow_g.png) no-repeat center; } .nav_bot .navBotuls>li>a{ display: block; font-size: 16px; line-height: 54px; color: #ffffff; padding: 0px 23px; background: url(../images/index/down_w.png) no-repeat right center; } .nav_bot .navBotuls>li>a:hover, .nav_bot .navBotuls>li.on>a{ color: #00a19b !important; background: url(../images/index/up.png) no-repeat right center !important; } .nav_bot .navBotuls>li.globali>a:hover, .nav_bot .navBotuls>li.on.globali>a{ color: #282828 !important; background: url(../images/index/down.png) no-repeat right center !important; } .nav_bot .navBotuls>li.down-Fan2-2>a:hover, .nav_bot .navBotuls>li.down-Fan2-2.on>a{ background: none !important; } .nav_bot .navBotuls>li>a.navsearch:hover, .nav_bot .navBotuls>li.on>a.navsearch{ color: #282828 !important; background: url(../images/index/search.png) no-repeat left center !important; background-size: 18px !important; } .cliMoreP a, .swiper-pagination-big .swiper-pagination-bullet, .switChUls_I li a, /*.headNav, .ons,*/ .headNav.white, /*.headNav.oth,*/ .homepage span, .infoHov .info-ulBox li a, .pro-server-Tain dl .infoHov, .pro-server-Tain dl dd p a, .company-global p a, .menuUls li { transition: all .5s ease; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; } .down-listBox{ display: none; position: absolute; top: 55px; left: 50%; transform: translateX(-50%); background: #FFFFFF; max-width: 1200px; width: 90%; } .downMens .down-listBox{ top: 55px; } .downMenu-cens { display: flex; align-items: stretch; /*padding: 0px 50px;*/ padding: 0px 45px;/*20221018*/ text-align: center; box-sizing: border-box; } .downMenu-cens .left_w{ float: left; width: 26.8%; border-right: #e5e5e5 solid 1px; box-sizing: border-box; text-align: left; padding-top: 30px; padding-bottom: 50px; position: relative; } .left_w_aa{ position: absolute; bottom: 20px; left: 0; font-size: 12px; font-weight:bold; color: #0071ce; } .left_w_aa:hover{color: #00a19b;transition: all .2s;} .downMenu-cens .right_w{ padding: 35px 50px 50px; position: relative; } .secondary .left_w_aaa{ left: 180px !important; } .right_w .left_w_aa{ text-align: left; width: auto; left: 50px; } .secondary .left_w_aa{ left: 45px; } .downMenu-cens .left_w ul li{ display: block; margin-bottom: 25px; } .downMenu-cens .left_w ul li>a, .downMenu-cens .tit{ color: #353535; font-size: 16px; line-height: 1.6; } .downMenu-cens .mid_w .tit img{ display: inline-block; vertical-align: sub; margin-right: 12px; } .downMenu-cens .left_w ul li ul{ padding-top: 15px; padding-left: 20px; box-sizing: border-box; } .downMenu-cens .left_w ul li ul li{ display: block; margin-bottom: 5px; } .downMenu-cens .left_w ul li ul li a{ color: #3f3f3f; font-size: 14px; line-height: 1.7; transition: all 0.4s ease; } .downMenu-cens .left_w ul li ul li a.on, .downMenu-cens .left_w ul li ul li:hover a{ color: #00a19b; } /*20221010*/ .downMenu-cens .left_w ul li.on>a, .downMenu-cens .tit{ color:#00a19b; } .downMenu-cens .left_w ul li>a>.ic2{ display: none; } .downMenu-cens .left_w ul li.on>a>.ic1{ display: none; } .downMenu-cens .left_w ul li.on>a>.ic2{ display: inline-block; } /**/ .downMenu-cens .secondary{ float: left; width: 36.36%; overflow: hidden; display: flex; align-items: stretch; justify-content: space-between; border-right: #e5e5e5 solid 1px; box-sizing: border-box; position: relative; padding-bottom: 50px; } .downMenu-cens .secondary ul{ display: block; width: 100%; } .downMenu-cens .secondary ul li{ display: none; width: 100%; } /*.downMenu-cens .secondary ul li.on{ display: block; }*/ .downMenu-cens .mid_w{ /*width: 36.36%;*/ width: 100%; box-sizing: border-box; /*padding: 30px 50px 0px;*/ padding: 30px 45px 0px;/*20221018*/ text-align: left; } .downMenu-cens .mid_w .box{ padding-bottom: 20px; } .downMenu-cens .mid_w .box>ul{ padding-top: 15px; } .downMenu-cens .mid_w .box>ul>li{ margin-bottom: 20px; } .downMenu-cens .mid_w ul li{ display: block; font-size: 14px; color: #3f3f3f; } .downMenu-cens .mid_w ul li .subtit{ position: relative; padding-left: 25px; color: #00a19b; cursor: pointer; } .downMenu-cens .mid_w ul li .subtit a:hover{ color: #00a19b; } .downMenu-cens .mid_w ul li.hide .subtit{ color: #3f3f3f; } .downMenu-cens .mid_w ul li .subtit i{ position: absolute; left: 0; top: 0; width: 12px; height: 12px; background: url(../images/index/ic4.png) left center no-repeat; } .downMenu-cens .mid_w ul li.hide .subtit i{ background: url(../images/index/ic3.png) left center no-repeat; } .downMenu-cens .mid_w ul li ul{ padding-left: 25px; padding-top: 5px; box-sizing: border-box; } .downMenu-cens .mid_w ul li ul li a{ line-height: 1.7; color: #3f3f3f; transition: all 0.4s ease; } .downMenu-cens .mid_w ul li ul li:hover a{ color: #00a19b; } .downMenu-cens .right_w{ float: left; width: 36.84%; padding: 35px 50px 0px; box-sizing: border-box; } .downMenu-cens .right_w .retit{ color: #333333; font-size: 16px; font-weight:bold; margin-bottom: 15px; text-align: left; } .downMenu-cens .right_w ul li{ display: none; } .downMenu-cens .right_w ul li.on{ display: block; } .downMenu-cens .right_w>a{ display: block; width: 100%; overflow: hidden; } .downMenu-cens .right_w .img{ width: 100%; overflow: hidden; } .downMenu-cens .right_w .img img{ width: 100%; } .downMenu-cens .right_w .txt{ padding-top: 15px; text-align: left; } .downMenu-cens .right_w .txt .t1{ color: #000000; font-size: 16px; line-height: 1.7; margin-bottom: 10px; } .downMenu-cens .right_w .txt .t2{ color: #000000; font-size: 14px; line-height: 1.7; } /**/ .nav_bot .navBotuls li{ position: relative; } .nav_bot .navBotuls li.spe{ position: static; } .cellBox{ position: absolute; left: 50%; top: 55px; transform: translateX(-50%); background-color: #FFFFFF; min-width: 500px; display: none; } .cellBox .cell-cens{ display: flex; align-items: stretch; } .cellBox .cell-cens .left_b{ float: left; width: 50%; border-right: #e5e5e5 solid 1px; box-sizing: border-box; padding-left: 50px; padding-top: 40px; padding-bottom: 40px; } .cellBox .cell-cens .left_b ul li{ display: block; float: none; font-size: 16px; color: #333; line-height: 1.7; text-align: left; margin-bottom: 20px; } .cellBox .cell-cens .left_b ul li a{ color: #333; } .cellBox .cell-cens .left_b ul li.on, .cellBox .cell-cens .left_b ul li:hover{ color: #00a19b; } .cellBox .cell-cens .left_b ul li.on a, .cellBox .cell-cens .left_b ul li:hover a{ color: #00a19b; } .cellBox .cell-cens .right_b{ float: left; width: 50%; padding-right: 50px; padding-top: 40px; padding-bottom: 40px; } .cellBox .cell-cens .right_b ul li{ float: none; display: none; width: 100%; } .cellBox .cell-cens .right_b ul li.on{ display: block; } .cellBox .cell-cens .right_b ul li .wrap{ margin-bottom: 20px; padding-left: 40px; text-align: left; } .cellBox .cell-cens .right_b ul li .title{ color: #333333; font-size: 16px; line-height: 1.7; } .cellBox .cell-cens .right_b ul li .title img{ display: inline-block; margin-right: 5px; } .cellBox .cell-cens .right_b ul li .title a{ display: flex; align-items: center; color: #333333; } .cellBox .cell-cens .right_b ul li .title:hover{ color: #00a19b; } .cellBox .cell-cens .right_b ul li .title:hover>a{ color: #00a19b; } .cellBox .cell-cens .right_b ul li .linkbox{ padding-top: 10px; padding-left: 22px; box-sizing: border-box; } .cellBox .cell-cens .right_b ul li .linkbox a{ display: block; color: #666666; font-size: 14px; line-height: 1.7; } /**/ .m_head{ position: fixed; left: 0; top: 0; z-index: 99; width: 100%; background: #FFFFFF; } .m_head .m_logo{ float: left; } .m_head .m_logo a{ height: 70px; line-height: 70px; } /*语言切换*/ .head-nation{ float: right; /*position: relative;*/ } .head-nation .current{ cursor: pointer; text-align: center; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; } .head-nation .current .name{ width: 60px; line-height: 70px; height: 70px; font-size: 14px; color: #0c51b2; vertical-align: middle; display: inline-block; transition: all .3s; } .head-nation .current .name img{ width: 24px; } .head-nation .current .name.on{ color: #0c51b2; } .head-nation ul{ display: none; position: absolute; /*left: 50%; -o-transform: translateX(-50%); -ms-transform: translateX(-50%); -moz-transform: translateX(-50%); -webkit-transform: translateX(-50%); transform: translateX(-50%);*/ right: 0; top: 70px; z-index: 100; background-color: #ffffff; padding: 10px 15px; text-align: left; box-shadow: 0px 0px 15px rgba(0,0,0,0.2); } .head-nation ul li a{ position: relative; padding-left: 22px; display: block; font-size: 16px; color: #666666; line-height: 2.2; min-width: 90px; text-align: left; /*padding: 0px 20px;*/ white-space: nowrap; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } .head-nation ul li.on a, .head-nation ul li a:hover{ /*color: #333333; background: #E1E1E1;*/ color: #00aea9; } .head-nation ul li a i{ position: absolute; left: 0; top: 11px; width: 14px; height: 14px; background: url(../images/index/newic1.png) center no-repeat; background-size: 14px 14px; } .head-nation ul li.on a i, .head-nation ul li:hover a i{ background: url(../images/index/newic2.png) center no-repeat; background-size: 14px 14px; } .head-nation ul li a.more{ padding-left: 0 !important; color: #00aea9; } .menubtn { display: none; float: right; width: 45px; height: 70px; background: url(../images/index/menu-icon1a.png) center right no-repeat; background-size: 32px auto; cursor: pointer; } /* .header.white .menubtn, .header.on .menubtn, .header.hover .menubtn{ background: url(../images/index/menu-icon1a.png) center right no-repeat; -moz-background-size: 28px 28px; -webkit-background-size: 28px 28px; background-size: 28px 28px; } */ .menubtn.on { background: url(../images/index/menu-icon2a.png) center right no-repeat; background-size: 32px auto; } /* .header.white .menubtn.on, .header.on .menubtn.on, .header.hover .menubtn.on { background: url(../images/index/menu-icon2a.png) center right no-repeat; -moz-background-size: 28px 28px; -webkit-background-size: 28px 28px; background-size: 28px 28px; } */ .m-search{ width: 90%; margin: 30px auto 30px; border-bottom: #e8e8e8 solid 1px; } .m-search .icon { float: left; width: 40px; height: 50px; overflow: hidden; background: url(../images/index/search.png) left center no-repeat; background-size: 21px 21px; } .m-search .seinput { float: left; width: -moz-calc(100% - 40px); width: -webkit-calc(100% - 40px); width: calc(100% - 40px); height: 50px; line-height: 50px; font-size: 18px; color: #666666; overflow: hidden; border: none; background: none; } .m-nav{ position: fixed; top: 70px; left: 0; width: 100%; height: calc(100vh - 70px); background: #ffffff; display: none; z-index: 99; overflow-y: scroll; box-sizing: border-box; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; } .m-nav .nav-list { padding-top: 20px; padding-left: 5%; padding-right: 5%; } .m-nav .nav-list>li{ width: 100%; text-align: left; border-bottom: #e8e8e8 solid 1px; box-sizing: border-box; } .m-nav .nav-list .title{ position: relative; padding-right: 30px; } .m-nav .nav-list .title a{ color: #666666; padding-top: 0; padding-bottom: 0; } .m-nav .nav-list .title a:hover{ color: #00a19b; } .m-nav .nav-list .title i{ position: absolute; right: 12px; top: 0; width: 10px; height: 100%; background: url(../images/index/ic21.png) center no-repeat; background-size: 6px auto; transition: all 0.4s ease; } .m-nav .nav-list .title.on i{ background: url(../images/index/ic21a.png) center no-repeat; background-size: 6px auto; -o-transform: rotate(90deg); -ms-transform: rotate(90deg); -moz-transform: rotate(90deg); -webkit-transform: rotate(90deg); transform: rotate(90deg); } .m-nav .nav-list>li>a, .m-nav .nav-list>li>.title{ font-size: 18px; color: #666666; display: block; line-height: 1.7; padding: 15px 0px; } .m-nav .nav-list>li>a:hover, .m-nav .nav-list .title.on{ color: #00a19b; } .m-nav .m-subnav { display: none; border-top: #e8e8e8 solid 1px; padding-top: 15px; padding-bottom: 20px; padding-left: 20px; box-sizing: border-box; } .m-nav ul li ul .title{ display: block; font-size: 16px; color: #666666; height: 40px; line-height: 40px; } .m-nav ul li .m-subnav ul{ display: none; padding-left: 20px; } .m-nav ul li .m-subnav li a{ display: block; font-size: 16px; color: #666666; padding-left: 15px; padding: 10px 0px; } .m-nav ul li .m-subnav a:hover{ color: #00a19b; } .m-nav ul li .m-subnav ul li a{ font-size: 16px; } .m-nav ul li .m-subnav ul li a:hover{ color: #00a19b; } .m-nav ul li .linkbox{ padding-left: 20px; box-sizing: border-box; } .m-nav ul li .linkbox a{ display: block; font-size: 14px !important; color: #888888 !important; } .m-nav ul li .linkbox a:hover{ color: #00a19b !important; } /*侧边栏*/ .sidebar{ position: fixed; bottom: 27%; right: 20px; z-index: 9; } .sidebar>ul>li{ position: relative; text-align: center; cursor: pointer; margin-bottom: 1px; } .sidebar ul li:last-child{ border-bottom: none; } .sidebar ul li a{ display: block; position: relative; width: 60px; height: 60px; line-height: 60px; border-radius: 5px; text-align: center; overflow: hidden; background: #ffffff; transition: all .4s ease-in-out; box-shadow: 0px 0px 15px rgba(0,0,0,0.15); } .sidebar ul li.istop a{ display: block; position: relative; width: 60px; height: 60px; line-height: 60px; border-radius: 5px; text-align: center; overflow: hidden; background: #00a19b; transition: all .4s ease-in-out; } .sidebar ul li a:hover{ background-color: #00a19b; text-decoration:none; } /*.sidebar ul li a .img{ width: 100%; text-align: center; overflow: hidden; height: 70px; text-align: center; -o-transition: all .4s ease-in-out; -ms-transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out; -webkit-transition: all .4s ease-in-out; transition: all .4s ease-in-out; } .sidebar ul li .img img{ display: block; margin: auto; max-width: 25px; padding-top: 18px; }*/ .sidebar ul li a .ic2{ display: none; } .sidebar ul li:hover a .ic1{ display: none; } .sidebar ul li:hover a .ic2{ display: inline-block; } .sidebar ul li .img .wt{ text-align: center; font-size: 12px; color:#000000; line-height: 1.5; margin-top: 3px; } .sidebar ul li:hover .img .wt{ color: #FFFFFF; } .sidebar ul li .secondary{ display: none; position: absolute; right: 75px; top: 0; z-index: 10; min-width: 100%; min-height: 100%; padding: 6px; background: #ffffff; box-shadow: 0px 1px 25px rgba(0,0,0,0.1); -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; white-space: nowrap; border-radius: 4px; } .sidebar ul li .secondary::before{ content: ''; position: absolute; top: 20%; right: -10px; margin: auto; width: 0; height: 0; border-top: 7px solid transparent; border-bottom: 7px solid transparent; border-left: 10px solid #ffffff; } .sidebar ul li .secondary .txt{ margin-top: 3px; font-size: 14px; line-height: 1.3; } .sidebar ul li .txtli{ text-align: left; line-height: 60px; font-family: "din"; font-size: 20px; color: #c52227; padding: 5px 20px; min-width: 160px; } .sidebar ul li .txtli img{ display: inline-block; margin-right: 10px; } /*.sidebar .lianxi{ white-space: nowrap; text-align: center; padding: 20px 20px 15px; } .sidebar .lianxi .imgbox{ width: 100%; overflow: hidden; text-align: center; font-size: 0; white-space: nowrap; } .sidebar .lianxi .imgli{ display: inline-block; vertical-align: top; width: 120px; } .sidebar ul li .imgli img{ display: block; width: 100%; } .sidebar ul li .imgli .t1{ margin-top: 6px; color: #222222; font-size: 18px; }*/ @media only screen and (max-width: 1300px){ .nav_bot .navBotuls>li{ margin-right: 10px; } } @media only screen and (max-width: 1280px){ .sidebar ul li a, .sidebar ul li.istop a{ width: 50px; height: 50px; line-height: 50px; } .sidebar ul li .secondary{ right: 60px; } .sidebar ul li .secondary::before{ top: 20px; } } @media only screen and (max-width: 1199px){ .headNav { display: none; } .m_head{ display: block; } .owidth{ padding: 0 5%; } .menubtn{ display: block; } } @media only screen and (max-width: 1024px){ .wc_ewm{ display: none; } } @media only screen and (max-width: 768px){ .sidebar ul li a, .sidebar ul li.istop a { width: 45px; height: 45px; line-height: 45px; } .sidebar ul li .secondary{ right: 55px; } .sidebar ul li .secondary::before{ top: 16px; } } @media only screen and (max-width: 540px){ .m_head .m_logo a { height: 60px; line-height: 60px; } .logo-fan { display:inline-block; } .menubtn{ width: 40px; height: 60px; background: url(../images/index/menu-icon1a.png) center right no-repeat; background-size: 28px auto; } .menubtn.on { background: url(../images/index/menu-icon2a.png) center right no-repeat; background-size: 28px auto; } .head-nation .current .name{ width: 40px; height: 60px; line-height: 60px; } .head-nation .current .name img{ width: 20px; } .head-nation ul{ top: 60px; } .m-nav{ top: 60px; height: calc(100vh - 60px); } .m-nav .nav-list>li>a, .m-nav .nav-list .one-level{ padding: 12px 0px; } .m-nav .nav-list .one-level i{ background: url(../images/index/ic21.png) center no-repeat; background-size: 7px auto; } .m-nav .nav-list .one-level.on i{ background: url(../images/index/ic21a.png) center no-repeat; background-size: 7px auto; } } @media only screen and (max-width: 480px){ .banner-title h1, .comTitle{ font-size: 22px; } .sidebar{ right: 15px; } .sidebar ul li a, .sidebar ul li.istop a { width: 40px; height: 40px; line-height: 40px; } .sidebar ul li a img, .sidebar ul li.istop a img{ max-width: 52%; } } /*20220920*/ #head.on .head-marTop{ top: -110px !important; } @media only screen and (max-width: 1600px){ .nav_bot .navBotuls>li>a{ padding: 0px 15px; } .nav_bot .navBotuls>li{ margin-right: 10px; } } @media only screen and (max-width: 1199px){ #head.on .m_head{ top: -70px; } } @media only screen and (max-width: 1199px){ #head.on .m_head{ top: -60px; } } /*20220923*/ .downMenu-cens .left_w ul li>a{ display: flex; align-items: center; flex-wrap: wrap; } .downMenu-cens .left_w ul li>a img{ display: inline-block; vertical-align: middle; margin-right: 12px; } .cellBox .cell-cens .left_b>ul>li>a{ display: flex; align-items: center; flex-wrap: wrap; } .cellBox .cell-cens .left_b>ul>li>a>img{ display: inline-block; vertical-align: middle; margin-right: 12px; } /*语言切换页*/ .location{ padding: 15px 0px; font-size: 14px; color: #282828; line-height: 30px; } .location .box{ max-width: 1400px; width: 90%; margin: auto; } .location a{ color: #282828; } .location a.on{ color: #00a19b; } .LanguageSwitch{ padding-bottom: 50px; box-sizing: border-box; } .LanguageSwitch .box{ max-width: 1400px; width: 90%; margin: auto; } .LanguageSwitch .box .title{ padding-top: 25px; font-size: 40px; color: #000000; padding-bottom: 15px; border-bottom: #e9e9e9 solid 1px; } .LanguageSwitch .box ul{ font-size: 0; margin-top: 30px; } .LanguageSwitch .box ul li{ display: inline-block; vertical-align: top; margin-right: 55px; } .LanguageSwitch .box ul li:last-child{ margin-right: 0; } .LanguageSwitch .box ul li a{ position: relative; padding-left: 28px; margin-bottom: 15px; color: #282828; font-size: 16px; line-height: 1.5; } .LanguageSwitch .box ul li.on a, .LanguageSwitch .box ul li:hover a{ color: #00aea9; font-weight: bold; } .LanguageSwitch .box ul li a i{ position: absolute; left: 0; top: 5px; width: 14px; height: 14px; background: url(../images/index/newic1.png) center no-repeat; background-size: 14px 14px; } .LanguageSwitch .box ul li.on a i, .LanguageSwitch .box ul li:hover a i{ background: url(../images/index/newic2.png) center no-repeat; background-size: 14px 14px; } .LanguageSwitch .textbox{ margin-top: 40px; /*min-height: 300px;*/ font-size: 14px; color: #282828; line-height: 1.7; } @media only screen and (max-width: 1440px){ .LanguageSwitch .box .title{ font-size: 36px; } } @media only screen and (max-width: 1199px){ .LanguageSwitch .box .title{ font-size: 32px; } } @media only screen and (max-width: 1199px){ .LanguageSwitch{ padding-top: 70px; } .location{ padding: 10px 0px; } } @media only screen and (max-width: 1024px){ .LanguageSwitch{ min-height: calc(100vh - 393px); } .LanguageSwitch .box .title{ font-size: 28px; } } @media only screen and (max-width: 768px){ .LanguageSwitch{ min-height: 1px; } .LanguageSwitch .textbox{ margin-top: 30px; } .LanguageSwitch .box .title{ font-size: 24px; } .LanguageSwitch .box ul li{ margin-right: 40px; } } @media only screen and (max-width: 540px){ .location{ padding: 5px 0px; } .LanguageSwitch .box .title{ font-size: 21px; padding-top: 15px; } .LanguageSwitch .box ul li{ margin-right: 30px; } .LanguageSwitch .box ul li a{ font-size: 15px; } .LanguageSwitch .box ul li a i{ top: 3px; } } /*20221026*/ #head.on .announce{ position: fixed; top: 0; } .m_head .headwrap{ overflow: hidden; } .announce{ position: relative; z-index: 15; width: 100%; text-align: center; padding: 7px 0px; background-color: #FFFFFF; color: #5a5a5a; font-size: 14px; line-height: 1.5; border-bottom: 1px rgba(0, 0, 0, 0.15) solid; } .announce a{ color: #00a19b; } @media (max-height: 620px){ .cellBox .cell-cens, .downMenu-cens{zoom: .7;} }