.topAdx{text-align:center; position:relative;} .topAdx:after{content:""; width:100%; left:0; bottom:0; height:30px; box-shadow:inset 0 -8px 10px rgba(0,0,0,0.06); position:absolute;} .topSerBtn{ transition: all 0.3s ease; height: 34px; background: #0873d1 url(../images/serI.png) no-repeat center center; float: left; width: 34px; margin: 38px 9px 0px 0px; border-radius:50%; } .topLan,.topLan:hover{ font-size: 17px; line-height: 34px; background: #0873d1; text-align: center; display: inline-block; margin: 38px 9px 0px 0px; height: 34px; width: 34px; float: left; border-radius: 50%; color: #FFF; } .top_m,.top_m:hover{ line-height: 34px; white-space: nowrap; display: inline-block; padding: 0px 8px; float: right; height: 34px; margin-top: 38px; font-size: 16px; color: #FFF; background: #0873d1; border-radius:2em; letter-spacing:1px;} .topSerLay{ position: absolute; background: #FFF; left: 0px; top: 110px; width: 100%; padding: 2.2vw 15px; border-top:1px solid #D9D9D9; box-shadow:0 2px 3px rgba(0,0,0,0.1); } .topSerx{width:100%; max-width:1000px; position:relative; margin:0 auto; height:70px; background:#F2F2F2; border-radius:0.5em;} .topSerLay input{ background: none; width: 100%; line-height: 70px; padding: 0px 200px 0px 30px; height: 70px; font-size: 18px; color: #444; } .topSerLay button{ background: #0873d1 url(../images/serbtn.png) no-repeat 40px center; height: 70px; width: 168px; position: absolute; top: 0px; right: 0px; cursor: pointer; transition: all 0.3s ease; padding-left: 80px; line-height: 70px; font-size: 22px; color: #FFF; border-radius:0 0.5em 0.5em 0; text-align:left; letter-spacing:3px; } .topSerLay button:hover{ background-color:#B9393D } .top_closeBtn{ background: url(../images/close-2.png) no-repeat center center; height: 20px; width: 20px; position: absolute; top: 25px; right: -52px; cursor: pointer; opacity:0.6; transition:all 0.5s ease;} .top_closeBtn:hover{opacity:1;} .subMenu{ width:200px; position:absolute; left:50%; margin-left:-100px; top:110px;background: #FFF;opacity: 0;visibility: hidden;box-shadow: inset 0 3px 5px rgba(0,0,0,0.1); transition:all 0.3s ease; transform:scaleY(0); transform-origin:center top;} @media (max-width:1799px){ .top_m, .top_m:hover{font-size:15px;margin-top:28px;} .topSerBtn{margin-top:28px;} .topLan, .topLan:hover{margin-top:28px;} .subMenu{top:90px;} .subMenu{width:170px; margin-left:-85px;} .topSerLay{top:90px;} .topSerx{ height:60px;} .topSerLay input{line-height:60px; height:60px; font-size:15px;} .topSerLay button {background: #0873d1 url(../images/serbtn.png) no-repeat 36px center;height: 60px;width: 150px;padding-left: 70px;line-height: 60px;font-size: 20px;letter-spacing: 2px;background-size:22px auto;} } @media (max-width:1199px){ .wrapper{padding-top:56px;} .topSerLay{top:56px;} .topSerx{ height:60px;} .topSerLay input{line-height:50px; height:50px; font-size:14px; padding:0px 123px 0px 20px} .topSerLay button {background: #0873d1 url(../images/serbtn.png) no-repeat 22px center;height: 50px;width: 100px;padding-left: 48px;line-height: 50px;font-size: 16px;letter-spacing: 0px;background-size:16px auto;} .topSerx{height:50px;} } @media (max-width:993px){ } @media (max-width:767px){ } .hmFocus{ position:relative;} .hmFocus .bgImg{ height:650px;} .hmFocus .slick-dots{bottom:75px; height:5px;} .hmFocus .slick-dots li button{display:none;} .hmFocus .slick-dots li { background:rgba(255,255,255,0.5); display: inline-block; height: 5px; width: 80px; margin: 0px 3px; position: relative; border-radius:50%; vertical-align:middle; border-radius:1.8em; overflow:hidden;} .hmFocus .slick-dots li:after{content:""; width:0%; height:5px; background:#fff; position:absolute; left:0; top:0;} .hmFocus .slick-dots li.on:after{ width:100%; transition:all 5s linear;} .hmBanTxt{position:absolute; left:0; width:100%; top:0; color:#fff; padding-top:88px;} .hmFocus_item{position:relative;} .hmBan_logo{ transition:all 0.8s ease; opacity:0; transform:translateY(50px);} .hmBan_anitxt{ font-family: fztyst; font-size: 50px; line-height: 62px; margin: 30px 0px 40px; transition:all 0.8s ease; opacity:0; transform:translateY(50px); max-width:590px; } .hmBan_anitxt2{ font-size: 28px; line-height: 42px; font-weight: bold; transition:all 0.8s ease; opacity:0; transform:translateY(50px); } .on .hmBan_logo{opacity:1; transform:translateY(0); transition-delay:0.0s;} .on .hmBan_anitxt{opacity:1; transform:translateY(0); transition-delay:0.3s;} .on .hmBan_anitxt2{opacity:1; transform:translateY(0); transition-delay:0.6s;} @media (max-width:1799px){ .hmFocus .bgImg{height:552px;} .hmFocus .slick-dots{bottom:55px;} .hmFocus .slick-dots li{height:3px; width:60px;} .hmBan_logo{height:38px; width:auto;} .hmBan_anitxt{ font-family: fztyst; font-size: 40px; line-height: 52px; margin: 22px 0px 30px; max-width:500px; } .hmBan_anitxt2{ font-size: 22px; line-height: 36px } } @media (max-width:1379px){ } @media (max-width:1199px){ .hmFocus .bgImg{height:448px;} .hmBan_logo{height:30px; width:auto;} .hmBan_anitxt{ font-family: fztyst; font-size: 30px; line-height: 46px; margin: 16px 0px 20px; max-width:370px; } .hmBan_anitxt2{ font-size: 20px; line-height: 32px } } @media (max-width:993px){ } @media (max-width:767px){ .hmFocus .slick-dots li{height:2px; width:30px;} .hmFocus .slick-dots{bottom:45px;} } .mRmenu{ position:fixed; z-index:10; width:95px; top:50%; transform:translateY(-50%); right:0} .mRmenu ul{ background:#C00000;} .mRemnu_a{ display: block; height: 80px; position: relative; background-repeat: no-repeat; background-position: center center; padding-top: 8px;} .mRico{display:block; margin:0 auto;} .mRemnu_a p{ font-size: 14px; color: #FFF; line-height: 14px; margin-top: 4px; text-align:center;} .mRemnu_a:hover{ background-color:#A83438;} .mRemnu_a1{ background-image:url(../images/webr_i1.png)} .mRemnu_a2{ background-image:url(../images/webr_i2.png)} .mRemnu_a3{ background-image:url(../images/webr_i3.png)} .mRemnu_a4{ background-image:url(../images/webr_i4.png)} .mRemnu_tel span{ white-space:nowrap; line-height:50px; font-size:20px; padding:0 25px; position:absolute; right:65px; background:#bc6f4e; color:#fff; transition:all 0.5s ease; transform:scaleX(0); transform-origin:center right; opacity:0; visibility:hidden;} .mRemnu_tel:hover span{transform:scale(1); opacity:1; visibility:visible;} .mRemnu_tel span:after{content:""; border-top:5px solid transparent; border-bottom:8px solid transparent; border-left:8px solid #bc6f4e; position:absolute; right:-8px; top:50%; margin-top:-6px;} .mRemnu_wx span{ width:120px; height:120px; background:#fff; position:absolute; right:95px; top:50%; margin-top:-60px; transition:all 0.5s ease; transform:translateX(-25px); transform-origin:center right; opacity:0; visibility:hidden; box-shadow:0 0 8px rgba(0,0,0,0.1); padding:3px;} .mRemnu_wx span:after{content:""; border-top:5px solid transparent; border-bottom:8px solid transparent; border-left:8px solid #fff; position:absolute; right:-8px; top:50%; margin-top:-6px;} .mRemnu_wx:hover span{transform:translateX(0px); opacity:1; visibility:visible;} .backTop p{ font-size: 14px; font-weight: 600; color: #0873d1; line-height: 24px; margin-bottom: 10px; } .backTop_en-us p{font-size: 16px; width: 50px; text-align: center;line-height: 18px;margin-left: auto;margin-right: auto;font-weight: bold;} .backTop{ display:block; text-align: center;} @media (max-width:1799px){ .mRico{width:24px; height:auto;} .mRemnu_a p{font-size:12px; line-height:14px; transform:scale(0.8)} .mRemnu_a{height:70px;} .mRmenu{width:66px;} .backTop p{width:50px; text-align:center; line-height:18px; margin-left:auto; margin-right:auto;} .backTop img{position:relative; left:-8px;} .mRemnu_wx span{ width:100px; height:100px; right:80px; margin-top:-50px;} } @media (max-width:1379px){ } @media (max-width:1199px){ .mRmenu{transform:scale(0.8) translateY(-50%); transform-origin:right center;} } @media (max-width:993px){ .mRmenu{display:none;} } @media (max-width:767px){ } .footer{ color: #FFF; background: #2e2d2d; } .footTop{ padding: 4.68vw 15px 3.12vw; display:flex; justify-content:space-between; } .footLx{} .foot_lg{} .footDes{ margin-top:32px; display:flex;} .footDlx{ width: 312px; font-size: 18px; line-height: 32px; } .footDr{} .footDr p{ font-size: 18px; line-height: 32px; margin-bottom: 15px; position: relative; padding-left: 30px; } .footDr p:last-child{margin-bottom:0;} .footDr p img{ position: absolute; left: 0px; top: 5px; } .footRx{ display:flex;} .footRx li{ text-align:center; margin-left:20px;} .footRx li span{ display:inline-block; background:#fff; padding:5px;} .footRx li p{ font-size: 16px; line-height: 46px; white-space:nowrap; } .footCopy{ border-top: 1px solid #828181; font-size: 18px; line-height: 32px; text-align: center; padding: 2.34vw 0px; color:#ACACAC;} .footCopy a,.footCopy a:hover{ color:#ACACAC; margin:0 15px;} @media (max-width:1799px){ .footRx li span{width:120px; padding:2px;} .footRx li p{font-size:13px;} .footRx li{margin-left:12px;} .foot_lg img{height:40px;} .footDlx{font-size:16px;} .footDr p{font-size:16px;} .footDlx{width:290px;} .footRx li span{width:140px;} .footRx{margin-top:8px;} .footCopy{font-size:15px; line-height:28px; padding:1.8vw 0;} .footDes{margin-top:20px;} } @media (max-width:1379px){ } @media (max-width:1199px){ .footDlx{font-size:14px; line-height:30px; width:270px;} .footDr p{font-size:14px; line-height:26px; margin-bottom:7px;} .footDr p img{top:3px;} .footRx li span{width:130px;} .footRx{margin-top:0;} } @media (max-width:993px){ .footTop{display:block;} .footLx{width:100%;} .footRx{width:100%; margin-top:20px;} .footRx li{margin-left:0; margin-right:20px;} } @media (max-width:767px){ .footTop{padding-top:40px;} .foot_lg img{width:100%; height:auto;} .footDes{display:block;} .footDlx{width:100%;} .footDr{width:100%; margin-top:8px;} .footDes{margin-top:5px;} .footRx{margin-left:-5px; margin-right:-5px; width:auto} .footRx li{width:33.33%; margin-right:0; padding:0 5px;} .footRx li span{width:auto;} .footRx li p{font-size:12px; line-height:20px; padding:10px 5px; white-space:normal;} .footCopy{font-size:12px; line-height:22px; padding:15px 0} } .m2banner{ position:relative;} .m2banner .bgImg{ height:374px;} .m2banTxt{ position:absolute; left:0; top:50%; width:100%; transform:translateY(-50%); color:#fff;} .m2banTxt strong{ font-size: 30px; font-weight: normal; line-height: 50px; display: block; } .m2banTxt strong span{ font-size: 40px; letter-spacing: 1px; margin-right: 10px; display:inline-block; position:relative; top:-3px;} .m2banTxt .en-us span,.m2banTxt .en-us h6,.m2banTxt .zh-cn h5{ display:none} .m2banTxt .zh-cn h6,.m2banTxt .en-us h5{font-weight: 500; padding-left:28px; position: relative; font-size:18px;} .m2banTxt .zh-cn h6::before,.m2banTxt .en-us h5::before {content: ""; background: url(../images/zytus.png) no-repeat center center; height:24px; width:24px; position: absolute; left: 0; top:50%; margin-top:-12px; background-size: contain;} .m2menu{ line-height: 78px; height: 79px; border-bottom: 1px solid #D1D1D1; text-align:center;} .m2menu_a{ font-size: 18px; display: inline-block; position: relative; margin: 0px 1.2vw; } .m2menu_a.on,.m2menu_a:hover{ color:#0873d1;} .m2menu_a:after{content:""; height:3px; background:#0873d1; position:absolute; left:50%; transform:translateX(-50%); width:0%; bottom:-2px; transition:all 0.5s ease-in-out;} .m2menu_a.on:after,.m2menu_a:hover:after{ width:100%;} .m2menuSnav{ width:100%; max-width:1100px; margin-left:auto; margin-right:auto; position:relative; height:80px;} .m2mnav_item{} .m2menuSnav .slick-prev{ background: url(../images/m2mar.png) no-repeat center center; display: inline-block; height: 20px; width: 12px; position: absolute; left: -45px; top: 29px; text-indent: 1000px; white-space: nowrap; overflow: hidden; cursor: pointer } .m2menuSnav .slick-next{background: url(../images/m2mar.png) no-repeat center center; display: inline-block; height: 20px; width: 12px; position: absolute; right: -45px; top: 29px; text-indent: 1000px; white-space: nowrap; overflow: hidden; cursor: pointer; transform:rotate(180deg);} .m2menuSnav .slick-prev:hover,.m2menuSnav .slick-next:hover{background-image:url(../images/m2mar.png);} .m2dhPage{ padding-top:2.6vw; padding-bottom:5.2vw; } .m2dh_t{ line-height: 50px; background: url(../images/m2tline.png) repeat-x center center; margin-bottom: 20px; text-align:center; } .m2dh_t span{ background: #FFF; display: inline-block; font-size: 30px; color: #0873d1; padding: 0px 30px; letter-spacing:1px; } .m2dhTxt{ font-size: 18px; line-height: 34px; color: #888888; } .m2dhBom{ background: url(../images/m2dsMap.png) no-repeat center 10px; padding-top: 68px; } .m2dhNmb{ margin-bottom:2.6vw; } .m2dhNmb li{ width:25%; text-align:center; float:left;} .m2dhNmb strong{ display: block; font-size: 48px; line-height: 56px; } .m2dhNmb i{ font-size: 20px; font-style: normal; display: inline-block; margin-left: 5px; } .m2dhNmb i.en-us{ display:none;} .m2dhNmb em{ font-style:normal;} .m2dhNmb em.en-us, .m2dhNmb em.zh-cn{ display:none;} .m2dhNmb p{ font-size: 20px; color: #888888; line-height: 48px; } .m2dh_ico{ display:inline-block; width:80px; height:80px;} .m2dhNmb li:nth-child(4) strong i{font-size:36px;} .m2hhCon2 .m2jbul li{padding-top:15px;} @media (max-width:1799px){ .m2dh_ico{width:60px; height:60px;} .m2dhNmb strong{font-size:36px; line-height:42px;} .m2dhNmb i{font-size:16px} .m2dhNmb li:nth-child(4) strong i{font-size:26px;} .m2dhNmb p{font-size:16px; line-height:30px;} .m2banTxt strong{font-size:24px; line-height:40px;} .m2banTxt strong span{font-size:30px; top:-2px;} .m2banner .bgImg{height:300px;} .m2menu_a{font-size:16px; margin:0 1.5vw;} .m2menu{line-height:64px; height:65px;} .m2menuSnav .slick-prev,.m2menuSnav .slick-next{top:23px;} .m2dh_t span{font-size:26px;} .m2dhTxt{font-size:15px; line-height:32px;} .m2dhBom{background-size:100% auto;} } @media (max-width:1379px){ } @media (max-width:1199px){ .m2banner .bgImg{height:260px;} .m2banTxt strong span{font-size:28px;} .m2menuSnav{width:auto; margin-left:50px; margin-right:50px;} .m2menuSnav .slick-prev{left:-25px;} .m2menuSnav .slick-next{right:-25px;} } @media (max-width:993px){ .m2dhNmb strong{font-size:30px;} .m2dhPage{ padding-top:40px; padding-bottom:60px;} .m2banner .bgImg{height:210px;} } @media (max-width:767px){ .m2banTxt strong{font-size:18px;} .m2banTxt strong span{font-size:22px;} .m2banner .bgImg{height:105px;} .m2menu_a{font-size:15px;} .m2dh_t{margin-bottom:10px;} .m2dhNmb li{width:50%;} .m2dhNmb strong{font-size:16px;} .m2dhNmb p{font-size:15px; margin-bottom:15px;} } .m2jbPage{ padding-top: 3.43vw; } .m2jbul{ margin: 0px -40px 2.08vw; } .m2jbul li{ text-align: center; float: left; width: 25%; margin-bottom: 2.5vw; padding:0 40px; } .m2jb_a{ display:block;} .m2jbImg{ margin: 0px auto; height: 290px; width: 270px; position: relative; } .m2jbImg:hover img{transform:scale(1.2,1.2)} .m2jb_a:hover .m2jbImg:after{left:-13px; top:-13px; right:-13px; bottom:-13px; opacity:1;transform:scale(1.2,1.2);} .m2jbImg .bgImg{ position:absolute; left:0; top:0; right:0; bottom:0; overflow:hidden;} .m2jbImg .bgImg img{ height:auto!important;} .m3jbItm .bgImg img{ height:auto!important;} .m2jbBm{} .m2jbBm strong{ line-height: 42px; font-size: 26px; font-weight: normal; letter-spacing: 2px; display: block; margin: 26px 0px 0px; height: 42px; overflow: hidden; display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1; } .m2jbBm p{ font-size: 16px; line-height: 28px; color: #888888; height: 56px; overflow: hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2; letter-spacing:1px; } .page{ height: 38px; margin-bottom: 4.16vw; text-align: center; font-size: 16px; line-height: 38px; } .page *{vertical-align:middle;} .page span{display:inline-block; margin:0 8px;} .page_first,.page_last{ margin:0 8px; display:inline-block;} .page_prev{ background: url(../images/page_ar.png) no-repeat center center; display: inline-block; height: 36px; width: 36px; margin: 0px 8px; } .page_prev:hover{ background: url(../images/page_ar2.png) no-repeat center center; } .page_next{ background: url(../images/page_ar.png) no-repeat center center; display: inline-block; height: 36px; width: 36px; margin: 0px 8px; transform:rotate(180deg);} .page_next:hover{background: url(../images/page_ar2.png) no-repeat center center;} .page_a{ display: inline-block; height: 36px; width: 36px; margin: 0px 8px; border-radius: 50%; line-height: 36px; } .page_a.on,.page_a:hover{ background: #0873d1; color:#fff; } @media (max-width:1799px){ .m2jbImg{width:200px; height:200px;} .m2jb_a:hover .m2jbImg:after{ border:2px solid #0873d1; left:-10px; right:-10px; bottom:-10px; top:-10px;} .m2jbBm strong{font-size:21px; line-height:30px; height:30px; margin:20px 0px 5px;} .m2jbBm p{font-size:14px; line-height:24px; height:48px;} .m2jbul{margin:0px -15px 2.08vw} .m2jbul li{padding:0 15px;} .page{font-size:14px;} } @media (max-width:1379px){ } @media (max-width:1199px){ .m2jbul li{width:33.33%;} } @media (max-width:993px){ .m2jbBm strong{font-size:19px;} .m2jbPage{padding-top:50px;} .page{margin-bottom:60px;} } @media (max-width:767px){ .page{height:auto; margin-bottom:40px;} .m2jbul li{width:100%; margin-bottom:35px;} .m2jbBm p{height:auto;} } .m3jb_t{ font-size: 30px; line-height: 42px; color: #0873d1; text-align: center; padding-top: 2.6vw; } .m3jbPage{ margin-top: 2.6vw; background: url(../images/m3jb_lineBg.png) repeat-x left top; padding: 3.12vw 5.98vw 4.68vw; position:relative; min-height:600px;} .m3jbPage:before{ content: ""; background: url(../images/m3jb_i1.png) no-repeat; height: 104px; width: 124px; position: absolute; left: 24px; top: 24px; } .m3jbPage:after{ content: ""; background: url(../images/m3jb_i1.png) no-repeat; height: 104px; width: 124px; position: absolute; right: 24px; top: 24px; transform:rotateY(180deg); } .m3jbSwiper,.m3jbSwiper2{ margin:0 4.16vw 26px; overflow:hidden;} .m3jbSwiper2 .m3jbItm{width:33.33%; float:left; text-align:center;} .m3jbItm{ text-align:center; cursor:pointer} .m3jbItm .bgImg{ display: inline-block; height: 268px; width: 268px; border-radius:50%; overflow:hidden; transition:all 0.5s ease-in-out; transform:scale(0.6); opacity:0.4} .slick-current.m3jbItm .bgImg,.on.m3jbItm .bgImg{transform:scale(1); opacity:1} .m3jbItm strong{ font-size: 32px; line-height: 44px; letter-spacing: 2px; height: 44px; display: block; overflow: hidden; opacity: 0; font-weight: normal; margin-top: 26px; white-space:nowrap; margin-bottom:5px; transition:all 0.5s ease-in-out; } .m3jb_p{position:relative; height:32px; opacity:0; transition:all 0.5s ease-in-out;} .m3jb_p p{ font-size: 20px; color: #888888; line-height: 32px; white-space:nowrap; position:absolute; left:50%; transform:translateX(-50%);} .m3jbBmSwiper{} .m3jbBm_item{ font-size: 16px; line-height: 30px; color: #888888; } .slick-current.m3jbItm strong,.slick-current.m3jbItm .m3jb_p,.on.m3jbItm strong,.on.m3jbItm .m3jb_p{ opacity:1;} @media (max-width:1799px){ .m3jb_t{font-size:26px;} .m3jbSwiper,.m3jbSwiper2{margin-left:3vw; margin-right:3vw;} .m3jbItm .bgImg{width:220px; height:220px;} .m3jbItm strong{font-size:26px; line-height:32px;} .m3jb_p p{font-size:18px;} .m3jbBm_item{font-size:15px;} } @media (max-width:1379px){ } @media (max-width:1199px){ } @media (max-width:993px){ } @media (max-width:767px){ .m3jbPage{padding:50px 15px 50px;} .m3jbItm strong{font-size:21px; line-height:30px; height:30px;} .m3jb_p p{font-size:13px;} .m3jbSwiper{margin-left:0; margin-right:0;} .m3jbPage:before{left:15px; top:15px; background-size:80px auto;} .m3jbPage:after{right:15px; top:15px;background-size:80px auto;} .m3jbItm .bgImg{width:120px; height:120px;} } .m2fhPage{ padding: 20px 0px 4.68vw; } .m2fh_t{ font-size: 30px; line-height: 40px; font-weight: normal; color: #0873d1; letter-spacing: 2px; display: block; padding: 1.66vw 0px 1.14vw; } .m2fh_txt{ font-size: 18px; line-height: 34px; color: #888888; } .m2fh_adimg{ margin-top:3.54vw;} @media (max-width:1799px){ .m2fh_t{font-size:26px; line-height:36px;} .m2fh_txt{font-size:16px; line-height:32px;} } @media (max-width:1379px){ } @media (max-width:1199px){ } @media (max-width:993px){ .m2fhPage{padding-bottom:60px;} } @media (max-width:767px){ .m2fh_t{font-size:21px;} .m2fh_txt{font-size:15px; line-height:28px;} .m2fhPage{padding-top:30px;} } .m2newsPage{ padding-top: 2.0vw; } .m2nul{ margin-bottom:1.87vw;} .m2nul li{ padding: 1.19vw 0px; border-bottom: 1px solid #E5E5E5; } .m2n_a{ display: block; height: 120px; padding: 9px 0px 0px 166px; position:relative; } .m2nTm{ background: #F0EFF0; text-align: center; height: 120px; width: 118px; padding-top: 18px; color: #A6A5A6; font-size: 25px; line-height: 34px; position: absolute; left: 0px; top: 0px; transition:all 0.5s ease; } .m2nTm span{ display: block; font-size: 32px; line-height: 44px;} .m2n_a:hover .m2nTm{ color: #FFF; background: #0873d1; } .m2n_a strong{ display: block; font-size: 22px; font-weight: normal; line-height: 45px; height: 45px; overflow: hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1; } .m2n_a p{ font-size: 16px; line-height: 28px; color: #888888; height: 56px; overflow: hidden; display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;} @media (max-width:1799px){ .m2nTm{font-size:20px;} .m2nTm span{font-size:28px;} .m2n_a{padding-left:146px;} .m2n_a strong{font-size:20px;} .m2n_a p{font-size:15px;} } @media (max-width:1379px){ } @media (max-width:1199px){ } @media (max-width:993px){ } @media (max-width:767px){ .m2nTm{padding-top:12px; height:86px; width:80px;} .m2nTm span{font-size:22px; line-height:28px;} .m2nTm{font-size:16px;} .m2n_a{padding-left:95px;} .m2n_a strong{font-size:16px; font-weight:bold; line-height:28px; height:28px;} .m2n_a p{font-size:12px; line-height:22px; height:44px; margin-top:4px;} .m2n_a{height:86px;} .m2nul li{padding:20px 0;} .m2newsPage{padding-top:20px;} .m2nul{margin-bottom:20px;} } .m2fwPage{ padding-top:10px;} .m2fwul{ margin-bottom: 2.6vw; } .m2fwul li{ padding: 2.08vw 0px; border-bottom: 1px solid #E5E5E5; } .m2fw_aBox{ display:block; overflow:hidden;} .m2fw_aBox .overflowHide{ float: left; height: 220px; width: 384px; } .m2fw_rx{ margin-left: 440px; padding-top: 10px; } .m2fw_rx strong{ font-size: 22px; letter-spacing: 1px; display: block; line-height: 32px; font-weight: normal; height: 32px; overflow: hidden; } .m2fw_tm{ font-size: 16px; color: #0873d1; line-height: 38px; } .m2fw_rx p{ font-size: 16px; line-height: 28px; color: #888888; height: 56px; overflow: hidden; display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2; margin-bottom:30px;} .m2fw_m{ line-height: 38px; text-align: center; height: 40px; width: 138px; border: 1px solid #A2A2A2; font-size: 16px; color: #888888; letter-spacing: 1px; display: inline-block; transition:all 0.5s ease; } .m2fw_m_h{ color: #FFF; background: #0873d1; border: 1px solid #0873d1;} .m2fw_aBox:hover .m2fw_m,.m2hhc1aBox:hover .m2fw_m,.m2fw_mWpr:hover .m2fw_m,.m2fw_m:hover{ color: #FFF; background: #0873d1; border: 1px solid #0873d1; box-shadow:0 5px 18px rgba(49,127,168,0.5); transform:translateY(-4px) } @media (max-width:1799px){ .m2fw_rx{margin-left:420px;} .m2fw_rx strong{font-size:20px;} .m2fw_tm{font-size:15px;} .m2fw_rx p{font-size:15px;} .m2fw_m{font-size:15px;} } @media (max-width:1379px){ } @media (max-width:1199px){ } @media (max-width:993px){ .m2fw_aBox .overflowHide{width:335px;} .m2fw_rx{margin-left:360px;} .m2fwPage{padding-top:30px;} } @media (max-width:767px){ .m2fw_aBox .overflowHide{width:100%; float:none; height:180px;} .m2fw_rx{margin-left:0; margin-top:12px;} .m2fw_rx strong{font-size:16px; font-weight:bold; line-height:28px; height:28px;} .m2fw_rx p{font-size:14px; line-height:26px; height:52px; margin-bottom:15px;} .m2fwul li{padding:30px 0;} .m2fw_m{font-size:14px; width:125px;} .m2fwPage{padding-top:20px;} } .m3fwPage{ padding:3.75vw 0px 4.68vw} .m3fw_top{ padding: 20px; background: #F6F6F6; text-align: center; } .m3fw_top h2{ font-size: 22px; line-height: 34px; letter-spacing: 1px; display: block; font-weight: normal; } .m3fw_top p{ font-size: 16px; color: #888888; line-height: 28px; margin-top: 10px; } .m2fwEditor{ font-size: 16px; line-height: 30px; color: #888888; padding-top: 2.91vw; letter-spacing:1px;} @media (max-width:1799px){ .m3fw_top h2{font-size:21px;} } @media (max-width:1379px){ } @media (max-width:1199px){ } @media (max-width:993px){ .m3fwPage{padding-top:40px; padding-bottom:60px;} } @media (max-width:767px){ .m3fw_top h2{font-size:19px; line-height:32px;} .m2fwEditor{font-size:15px; line-height:28px; padding-top:25px;} } .m2lxPage{ padding-top:4.16vw; padding-bottom:5.2vw;} .m2lxul{ margin-bottom:4.16vw;} .m2lxul li{ width:25%; float:left; text-align:center; transition:all 0.5s ease;} .m2lxul li:hover{transform:translateY(-10px);} .m2lxul span{ background: #F6F6F6; display: inline-block; height: 140px; width: 140px; position: relative; border-radius:50%;} .m2lxul span img{position:absolute; left:50%; top:50%; margin-left:-30px; margin-top:-30px; transition:all 0.5s ease;} .m2lxul strong{ margin-top: 22px; font-size: 24px; font-weight: normal; letter-spacing: 2px; line-height: 38px; display: block; } .m2lxul p{ font-size: 16px; line-height: 38px; letter-spacing:1px; } .m2lxul h5{ letter-spacing: 2px; line-height: 38px; font-size: 20px; font-weight: normal; display: block; } .m2lxMap{ height:500px; background:#efefef; position:relative; z-index:0} .m2lxul li:hover span img{transform:rotateY(180deg);} .amap-info-content{padding:15px 30px 15px 20px; font-size:16px; line-height:30px; color:#0873d1; text-align:center} @media (max-width:1799px){ .m2lxul span img{width:50px; height:50px; margin-left:-25px; margin-top:-25px;} .m2lxul span{width:120px; height:120px;} .m2lxul strong{margin-top:12px; font-size:21px;} .m2lxul h5{font-size:18px; line-height:36px;} .m2lxMap{ height:450px;} } @media (max-width:1379px){ .m2lxMap{ height:350px;} } @media (max-width:1199px){ .m2lxul p{line-height:26px;} } @media (max-width:993px){ .m2lxPage{padding:50px 0 60px;} } @media (max-width:767px){ .m2lxul li{width:50%; margin-bottom:30px;} .m2lxul li:hover{transform:translateY(0px);} .m2lxul span img{width:36px; height:36px; margin-left:-18px; margin-right:-18px;} .m2lxul span{width:90px; height:90px;} .m2lxul p{font-size:14px; line-height:24px; height:48px; overflow:hidden; letter-spacing:0; padding:0 5px;} .m2lxul h5{font-size:16px; line-height:24px; height:48px; overflow:hidden;} .m2lxul strong{margin-top:6px;} .m2lxul{margin-bottom:0;} } .m2dwPage{ padding-top: 2.6vw; margin: 0px auto; max-width: 1200px; } .m2dwul{ margin-bottom:2.6vw;} .m2dwul li{ line-height: 66px; height: 67px; border-bottom: 1px solid #E5E5E5; position: relative; padding: 0px 130px 0px 24px; } .m2dwul li:before{ content: ""; background: #0873d1; height: 6px; width: 6px; margin-top: -3px; position: absolute; left: 5px; top: 50%; border-radius:50%;} .m2dwul a{ font-size: 18px; } .m2dwul a span{ font-size: 16px; line-height: 34px; color: #FFF; background: #0873d1 url(../images/m2dw_i.png) no-repeat 15px center; text-align: center; display: inline-block; height: 34px; width: 86px; padding-left: 38px; position:absolute; right:10px; top:16px; text-align:left;} @media (max-width:1799px){ .m2dwul a{font-size:16px;} .m2dwul a span{font-size:15px;} .m2dwul li{line-height:60px; height:61px;} } @media (max-width:1379px){ } @media (max-width:1199px){ } @media (max-width:993px){ } @media (max-width:767px){ .m2dwul a{font-size:15px;} .m2dwul a span{ font-size: 14px; line-height: 30px; background: #0873d1 url(../images/m2dw_i.png) no-repeat 12px center; height: 30px; width: 66px; padding-left: 28px; right:0px; top:14px; background-size:12px auto;} .m2dwul li{padding:0px 82px 0px 20px;} .m2dwul{margin-bottom:20px;} } .m2hgPage1{ padding-top:2.6vw;} .m2hgul1{ margin: 0px -16px 2.6vw; justify-content:space-between; flex-wrap:wrap;display:flex;} .m2hgul1 li{ position: relative; width: calc(50% - 32px); margin: 0 16px; line-height: 66px; height: 67px; border-bottom: 1px solid #E5E5E5; position: relative; padding: 0px 120px 0px 24px; font-size: 18px; } .m2hgul1 li:before{ content: ""; background: #0873d1; height: 6px; width: 6px; margin-top: -3px; position: absolute; left: 5px; top: 50%; border-radius:50%;} .m2hgul1 li span{ color: #ADADAD; display: inline-block; position: absolute; top: 0px; right: 10px; } @media (max-width:1799px){ .m2hgul1 li{font-size:16px; line-height:60px; height:61px;} } @media (max-width:1379px){ } @media (max-width:1199px){ } @media (max-width:993px){ .m2hgul1 li{width:100%;} } @media (max-width:767px){ .m2hgul1 li{font-size:14px; padding:0px 86px 0px 20px; line-height:52px; height:53px;} .m2hgul1 li span{font-size:12px;} .m2hgul1{margin-bottom:20px;} } .m2hgPage2{ padding-top:3.12vw;} .m2hgul2{ margin: 0px -17px 1.35vw; } .m2hgul2 li{ padding: 0px 17px; width: 33.33%; margin-bottom: 34px; float:left; } .m2hg_aBox{ display:block;} .m2hg_aBox .overflowHide{ height:269px} @media (max-width:1799px){ .m2hgul2{ margin: 0px -15px 1.35vw; } .m2hgul2 li{ padding: 0px 15px; margin-bottom: 30px;} .m2hg_aBox .overflowHide{ height:210px} } @media (max-width:1379px){ } @media (max-width:1199px){ } @media (max-width:993px){ .m2hgul2 li{width:50%;} } @media (max-width:767px){ .m2hgPage2{padding-top:50px;} .m2hgul2 li{width:100%;} } .m2hhCon1{ padding-top: 4.06vw; padding-bottom:4.06vw; } .m2hhYrs{ margin-bottom: 4.06vw; padding: 0 45px; background: url(../images/m2hh_c1line.png) repeat-x left center; } .m2hhYitm{ text-align:center} .m2hhYbtn{ line-height: 120px; text-align: center; display: inline-block; height: 120px; width: 120px; font-size:28px; background: #F6F6F6; border-radius:50%; color:#959595;} .m2hhYbtn.on,.m2hhYbtn:hover{ color: #FFF; background: #0873d1; } .m2hhYrs .slick-prev{ background: url(../images/m2hh_c1btn.png) no-repeat center center; display: inline-block; height: 15px; width: 10px; position: absolute; left: 0px; top: 50%; text-indent: 1000px; white-space: nowrap; overflow: hidden; cursor: pointer; margin-top: -8px; z-index: 1; } .m2hhYrs .slick-next{ background: url(../images/m2hh_c1btn.png) no-repeat center center; display: inline-block; height: 15px; width: 10px; position: absolute; right: 0px; top: 50%; text-indent: 1000px; white-space: nowrap; overflow: hidden; cursor: pointer; margin-top: -8px; z-index: 1; transform:rotate(180deg);} .m2hhYrs .slick-prev:hover,.m2hhYrs .slick-next:hover{background-image:url(../images/m2hh_c1btn2.png);} .m2hhYdes{} .m2hhYditm{} .m2hhc1aBox{ display:block; overflow:hidden; display:flex; background:#F6F6F6} .m2hhc1aBox .overflowHide{ width:50%; height:483px;} .m2hhc1Rx{ width: 50%; height: 483px; display: flex; flex-direction: column; justify-content: center; padding: 0px 65px; } .m2hhc1Rx strong{ font-size: 40px; font-weight: normal; letter-spacing: 2px; display: block; line-height: 52px; height: 52px; overflow: hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1; } .m2hhc1Rx p{ font-size: 16px; line-height: 30px; color: #888888; height: 150px; overflow: hidden; margin: 25px 0px 55px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:5; letter-spacing:1px; } .m2hhBody .m2fw_m,.indexBody .m2fw_m{ line-height: 50px; height: 52px; width: 174px; } .m2hhCon2{ background: #F6F6F6; padding: 4.68vw 0px; } .m2hh_pt{ font-size: 40px; font-weight: normal; letter-spacing: 2px; display: block; line-height: 52px; height: 52px; text-align:center;} .m2hhCon2 .m2jbul{ margin-top: 3.12vw; margin-bottom:0 } .m2hhc2m {text-align:center;} .m2hhCon3{ padding: 4.68vw 0px; } .m2hhCon3 .m2hgul1{margin-top: 3.12vw; margin-bottom:2.86vw } .m2hhCon4{ background: #F6F6F6; padding: 4.68vw 0px;} .m2hhc4ul{ margin: 3.12vw -9px 0px; } .m2hhc4ul li{ padding: 0px 9px; float: left; width: 16.666%; margin-bottom: 18px; } .m2hhc4ul li span{ background: #FFF; display: block; height: 88px; position: relative; } .m2hhc4ul li span img{ position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); max-width:80%; max-height:80%; width:auto; height:auto;} .m2hhCon5{ background: url(../images/m2hh_bmBg.jpg) no-repeat center center; padding: 4.68vw 0px 5.2vw; text-align:center; background-size:cover;} .m2hhCon5 .m2hh_pt{ margin-bottom:3.12vw} .m2hhCon6{ padding: 4.68vw 0px;} .m2hhCon6 .m2hgul2{ margin-top: 3.12vw;} .m2hhBmSwiper .slick-prev{ background: #E5E5E5 url(../images/m2hh_bmBar.png) no-repeat center center; display: inline-block; height: 50px; width: 50px; position: absolute; top: 50%; text-indent: 1000px; white-space: nowrap; overflow: hidden; cursor: pointer; margin-top: -25px; left: -80px; transition:all 0.5s ease-in-out; border-radius:50%;} .m2hhBmSwiper .slick-next{background: #E5E5E5 url(../images/m2hh_bmBar.png) no-repeat center center; display: inline-block; height: 50px; width: 50px; position: absolute; top: 50%; text-indent: 1000px; white-space: nowrap; overflow: hidden; cursor: pointer; margin-top: -25px; right: -80px; transition:all 0.5s ease-in-out; border-radius:50%; transform:rotate(180deg);} .m2hhBmSwiper .slick-prev:hover,.m2hhBmSwiper .slick-next:hover{ background: #0873d1 url(../images/m2hh_bmBar.png) no-repeat center center; } @media (max-width:1799px){ .m2hhBody .m2fw_m,.indexBody .m2fw_m{ line-height: 46px; height: 48px; width: 162px; font-size:14px; } .m2hhYbtn{font-size:26px;} .m2hhYbtn{width:108px; height:108px; line-height:108px;} .m2hhYrs{margin-bottom:3vw;} .m2hhc1aBox .overflowHide{height:375px;} .m2hhc1Rx{height:375px; padding:0 35px;} .m2hhc1Rx strong{font-size:24px; line-height:40px; height:40px;} .m2hhc1Rx p{margin:10px 0px 25px; font-size:14px; line-height:28px; height:140px;} .m2hh_pt{font-size:26px;} .m2hhCon6 .m2hgul2{margin-top:2.6vw;} .m2hhc4ul{margin-top:2.6vw;} .m2hhCon3 .m2hgul1{margin-top:1.8vw;} } @media (max-width:1379px){ .m2hhCon6 .m2hgul2{margin-left:35px; margin-right:35px;} .m2hhBmSwiper .slick-prev{left:-60px;} .m2hhBmSwiper .slick-next{right:-60px;} } @media (max-width:1199px){ .m2hhBmSwiper .slick-prev{left:-50px;} .m2hhBmSwiper .slick-next{right:-50px;} } @media (max-width:993px){ .m2hhc4ul li{width:33.33%;} .m2hhYbtn{width:90px; height:90px; line-height:90px; font-size:21px;} .m2hhCon1{padding-top:50px; padding-bottom:60px;} .m2hhCon2{padding-top:50px; padding-bottom:60px;} .m2hhCon3{padding-top:50px; padding-bottom:60px;} .m2hhCon4{padding-top:50px; padding-bottom:60px;} .m2hhCon5{padding-top:50px; padding-bottom:60px;} .m2hhCon6{padding-top:50px; padding-bottom:60px;} } @media (max-width:767px){ .m2hhYrs{margin-bottom:35px;} .m2hhc1aBox .overflowHide{width:100%; float:none; height:215px;} .m2hhc1Rx{width:100%; height:auto; padding:20px 15px 40px;} .m2hhc1aBox{display:block;} .m2hhc1Rx strong{font-size:20px; line-height:32px; height:32px;} .m2hh_pt{font-size:24px; line-height:42px; height:42px;} .m2hhCon3 .m2hgul1{margin-bottom:25px;} .m2hhc4ul{margin-top:20px;} .m2hhc4ul{margin-left:-5px; margin-right:-5px;} .m2hhc4ul li{padding:0 5px; margin-bottom:10px;} .m2hhCon5 .m2hh_pt{margin-bottom:30px;} .m2hhCon6 .m2hgul2{margin-left:0; margin-right:0;} .m2hhBmSwiper .slick-dots{bottom:0px; text-align:center} .m2hhBmSwiper .slick-dots li button{display:none;} .m2hhBmSwiper .slick-dots li { background: #ddd; display: inline-block; height: 8px; width: 8px; margin: 0px 8px; position: relative; border-radius:50%; vertical-align:middle; padding:0; float:none} .m2hhBmSwiper .slick-dots li.slick-active{ background:#0873d1; } .m2hhCon6 .m2hgul2{margin-bottom:35px;} } .hmCon1{ padding-top: 3.9vw; padding-bottom:3.9vw } .hmc1ul{ margin-bottom:4.42vw; box-shadow:0 0 25px rgba(0,0,0,0.1);} .hmc1ul li{ width:25%; float:left;} .hmc1a{ display: block; padding: 56px 10px 0px 165px; height: 168px; position:relative;} .hmc1a:before{content:""; width:1px; height:95px; background:#DBDBDB; position:absolute; left:0%; top:50%; margin-top:-48px;} .hmc1ul li:first-child .hmc1a:before{display:none;} .hmc1icon{ width:94px; height:94px; display:inline-block; position:absolute; left:48px; top:50%; margin-top:-47px; background:#0873d1; border-radius:50%; transition:all 0.3s ease-in-out;} .hmc1icon img{ position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); transition:all 0.3s ease-in-out;} .hmc1icon img:nth-child(2){ opacity:0;} .hmc1a:hover{ background:#0873d1; color:#fff;} .hmc1a:hover +.hmc1a:before{display:none;} .hmc1a:hover:before{display:none;} .hmc1a:hover .hmc1icon img{ opacity:0;} .hmc1a:hover .hmc1icon img:nth-child(2){ opacity:1} .hmc1a strong{ letter-spacing: 2px; display: block; line-height: 36px; font-size: 26px; font-weight: normal; } .hmc1a strong.en-us{ display:none} .hmc1a p{ font-size: 16px; line-height: 26px; text-transform: uppercase; display: block; opacity:0.8; } .hmc1a p.en-us{ font-weight:bold; line-height:70px; font-size:14px;} .hmc1a:hover .hmc1icon{ background:#fff;} .hmPub_t{ text-align:center; padding-top:30px} .hmPub_t strong{ font-size: 40px; line-height: 58px; font-weight: normal; letter-spacing: 2px; display: block; } .hmPub_t strong.en-us{ display:none} .hmPub_t p{ font-size: 24px; line-height: 40px; display: block; font-family: "微软雅黑"; text-transform: uppercase; } .hmPub_t p.en-us{font-size: 40px;} .hmPub_des{ font-size: 16px; line-height: 30px; color: #888888; text-align: center; margin: 1.66vw 50px 3.12vw; letter-spacing:1px; } .hmCon1 .m2dhNmb{} .hmc1m{ text-align:center;} .hmCon2{ padding: 4.16vw 0px 4.94vw; background: url(../images/hmc3bg.jpg) no-repeat center center; background-size:cover; } .hmCon2 .en-us{ /*display:none*/} .hmc2top{ height:60px;} .hmc2top .fl a{ font-size: 24px; letter-spacing: 1px; display: inline-block; padding: 0px 20px; margin-right: 12px; line-height: 52px; } .hmc2top .fl a.on{ background: #A83438; color: #FFF; } .hmc2m{ float: right; font-size: 22px; line-height: 60px; letter-spacing: 1px; } .hmc2listWpr{ margin:2.6vw -14px 0; height:520px; position:relative;} .hmc2listWpr dl{ position: absolute; top: 0px; left: 0px; width:100%; transition:all 0.5s ease; opacity:0; visibility:hidden} .hmc2listWpr dl.on{ opacity:1; z-index:2; visibility:visible;} .hmc2listWpr dl dd{ width:33.33%; float:left; padding:10px 14px;} .hmc2aBox{ display:block; box-shadow:0 0px 8px rgba(0,0,0,0.1); background:#fff;} .hmc2aBox:hover{transform:translateY(-10px);} .hmc2aBox .overflowHide{ height:264px;} .hmc2bm{ height: 230px; padding: 20px 30px 0px; } .hmc2bm strong{ font-size: 21px; font-weight: normal; line-height: 38px; display: block; height: 38px; letter-spacing:2px;} .hmc2bm span{ font-size: 16px; color: #888888; line-height: 28px; margin-bottom: 14px; margin-bottom:14px; display:block;} .hmc2bm p{ font-size: 16px; line-height: 30px; color: #888888; height: 60px; overflow: hidden; margin-top: 22px; display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;} .hmCon3{ padding: 4.94vw 0px; background: url(../image/hmc4bg.png) no-repeat center bottom; background-size:100% auto; } .hmCon3 .m2jbul{margin-bottom:0; margin-top:35px;} .hmCon3 .m2jbul li{padding-top:15px;} .hmCon3 .slick-prev,.m2hhCon2 .slick-prev{ background: #FFF url(../image/hmc3btn.png) no-repeat center center; display: inline-block; height: 66px; width: 66px; position: absolute; left: -100px; top: 50%; text-indent: 1000px; white-space: nowrap; overflow: hidden; cursor: pointer; margin-top: -33px; border: 1px solid #E4E4E4; border-radius:50%; box-shadow:0 0 8px rgba(0,0,0,0.1); } .hmCon3 .slick-next,.m2hhCon2 .slick-next{ background: #FFF url(../image/hmc3btn.png) no-repeat center center; display: inline-block; height: 66px; width: 66px; position: absolute; right: -100px; top: 50%; text-indent: 1000px; white-space: nowrap; overflow: hidden; cursor: pointer; margin-top: -33px; border: 1px solid #E4E4E4; border-radius:50%; box-shadow:0 0 8px rgba(0,0,0,0.1); transform:rotate(180deg);} .hmCon3 .slick-prev:hover,.hmCon3 .slick-next:hover,.m2hhCon2 .slick-prev:hover,.m2hhCon2 .slick-next:hover{background-image:url(../images/hmc3btn.png);} .hmCon4{ padding: 4.94vw 0px; background: url(../images/hmc5bg.jpg) no-repeat center center; background-size: cover; } .hmCon4 .m2hhc4ul{margin-top:2.6vw;} .hmCon5{ padding: 4.94vw 0px; background: url(../images/hmc6bg.jpg) no-repeat center center; background-size: cover; } .hmCon5 .hmPub_t{color:#fff;} .hmc5dl{ margin: 2.08vw -18px 2.86vw; } .hmc5dl dd{ padding: 90px 18px 10px; float: left; width: 33.33%; } .hmc5item{ background: #FFF; height: 394px; padding: 96px 45px 0; position:relative; transition:all 0.5s ease; } .hmc5dl dd:hover .hmc5item{ box-shadow:0 3px 10px rgba(0,0,0,0.2); transform:translateY(-10px)} .hmc5Phd{ background: url(../images/hmc6Pimg.jpg) no-repeat center center; height: 160px; width: 160px; border: 10px solid #FFF; position: absolute; left: 50%; top: -80px; margin-left: -80px; border-radius:50%; overflow:hidden;} .hmc5Phd .bgImg{ height:140px; width:140px; border-radius:50%;} .hmc5item h4{ display: block; font-size: 22px; font-weight: normal; letter-spacing: 1px; line-height: 38px; height: 38px; text-align:center; } .hmc5item h5{ font-size: 16px; line-height: 30px; font-weight: normal; height: 30px; margin-bottom: 36px; position: relative; text-align:center; position:relative; color:#555; letter-spacing:1px; } .hmc5des{position:relative;} .hmc5des:after{content:""; background:#0873d1; width:40px; height:4px; position:absolute; left:50%; margin-left:-20px; top:-22px;} .hmc5item p{ font-size: 15px; line-height: 28px; color: #888888; max-height: 140px; overflow-y:auto; position:relative; } .hmc5dl .slick-prev{ background: rgba(255,255,255,0.3) url(../images/m2hh_bmBar.png) no-repeat center center; display: inline-block; height: 50px; width: 50px; position: absolute; left: -112px; top: 50%; text-indent: 1000px; white-space: nowrap; overflow: hidden; cursor: pointer; transition:all 0.5s ease; border-radius:50%; } .hmc5dl .slick-next{ background: rgba(255,255,255,0.3) url(../images/m2hh_bmBar.png) no-repeat center center; display: inline-block; height: 50px; width: 50px; position: absolute; right: -112px; top: 50%; text-indent: 1000px; white-space: nowrap; overflow: hidden; cursor: pointer; transition:all 0.5s ease; border-radius:50%; transform:rotate(180deg);} .hmc5dl .slick-prev:hover,.focus .slick-next:hover{ background-image: url(../images/m2hh_bmBar.png); background-color: #0873d1; background-repeat: no-repeat; background-position: center center; } .hmCon6{ background: #F6F6F6; padding: 4.94vw 0px; } .hmc6box{ margin: 2.6vw auto; max-width:1340px; overflow:hidden; } .hmc6Lx{ height: 594px; width: 179px; position: relative; padding: 60px 0px 0px 32px; float:left; } .hmc6Lx:before{ content: ""; background: #E8E8E8; width: 2px; position: absolute; left: 0px; top: 0px; bottom: 0; } .hmc6Lx:after{content:""; position:absolute; left:0; top:48px; bottom:48px; width:6px; background: #A83438;} .hmc6Yrs{} .hmc6Ya{ display: block; line-height: 124px; height: 124px; font-size: 22px; position:relative; cursor:pointer; } .hmc6Ya:after{ content: ""; background: #A83438; height: 9px; width: 9px; margin-top: -4px; position: absolute; left: 69px; top: 50%; opacity:0;} .slick-current.hmc6Ya:after{ opacity:1;} .hmc6RxWpr{ margin-left:179px; height: 594px; position:relative;} .hmc6Rx{ width:100%; height:594px; position:absolute; left:0; top:0; transition:all 0.5s ease; opacity:0; visibility:hidden;} .hmc6Rx.on{ opacity:1; visibility:visible; z-index:1;} .hmc6rswiper{ height:594px; position:relative; overflow:hidden;} .hmc6rswiper:after{content:""; width:194px; top:35px; bottom:35px; right:0; position:absolute; background:#A83438;} .hmc6r_item .bgImg{ height:594px; width:1005px;} .hmc6Fun{ width: 194px; color: #fff; position: absolute; right: 0; top: 35px; height: 285px; padding: 114px 0px 0px 35px; font-size: 18px; line-height: 32px; z-index:1; } .hmc6Fun strong{ font-size: 40px; line-height: 42px; font-weight: normal; display: block; } .hmc6Fun p{} .hmc6rswiper .slick-prev{ background: #C26F72 url(../images/m2hh_bmBar.png) no-repeat center center; display: inline-block; height: 35px; width: 35px; position: absolute; left: auto; top: auto; right: 125px; bottom: 110px; border-radius: 50%; text-indent: 1000px; white-space: nowrap; overflow: hidden; cursor: pointer; transition:all 0.5s ease; background-size:9px auto; z-index: 2; } .hmc6rswiper .slick-next{ background: #C26F72 url(../images/m2hh_bmBar.png) no-repeat center center; display: inline-block; height: 35px; width: 35px; position: absolute; left: auto; top: auto; right: 65px; bottom: 110px; border-radius: 50%; text-indent: 1000px; white-space: nowrap; overflow: hidden; cursor: pointer; transition:all 0.5s ease; background-size:9px auto; transform:rotate(180deg); z-index:2;} .hmc6rswiper .slick-prev:hover,.hmc6rswiper .slick-next:hover{background-image:url(../images/m2hh_bmBar.png);} .hmCon7{ padding: 2.6vw 0px 4.94vw; } .hmCon7 dl{ padding-top: 18px; overflow: hidden; margin: 0px -6px; } .hmCon7 dl dt{ font-size: 30px; font-weight: normal; line-height: 70px; height:80px; letter-spacing: 1px; display: block; width: 100%; padding: 0px 6px; } .hmCon7 dl dd{ padding: 0px 6px; margin-bottom: 12px; width:16.66%; float:left; } .hmCon7 dl dd span{ display: block; height: 100px; border: 1px solid #E7E7E7; position: relative; } .hmCon7 dl dd span img{ position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); max-width:72%; max-height:72%; width:auto; height:auto;} @media (max-width:1799px){ .hmc1a{padding:27px 10px 0px 125px; height:120px;} .hmc1icon img{width:50px; height:50px;} .hmc1icon{width:80px; height:80px; margin-top:-40px; left:25px;} .hmc1a strong{font-size:22px;} .hmc1a p{ font-size:13px;} .hmc1a p.en-us{ font-size:14px;} .hmPub_t strong{font-size:30px; line-height:50px;} .hmPub_t p{font-size:18px; line-height:36px;} .hmPub_t p.en-us{font-size:30px; line-height:50px;} .hmPub_des{font-size:15px; line-height:28px; margin:1.2vw 50px 2.2vw} .hmc2top .fl a {font-size: 21px;padding: 0px 20px;margin-right: 12px;line-height: 52px;} .hmc2m{font-size:16px;} .hmc2m{line-height:52px;} .hmc2top{height:52px;} .hmc2bm {height: 162px;padding: 15px 20px 0px;} .hmc2bm span{margin-bottom:5px;} .hmc2bm strong{font-size:18px; line-height:30px; height:30px;} .hmc2bm p{margin-top:6px; font-size:15px; line-height:26px; height:52px;} .hmc2aBox .overflowHide{height:205px;} .hmc2listWpr{height:390px;} .hmCon3 .slick-prev,.hmCon3 .slick-next,.m2hhCon2 .slick-prev,.m2hhCon2 .slick-next{width:58px; height:58px; margin-top:-29px;} .hmCon3 .slick-prev,.m2hhCon2 .slick-prev{left:-60px;} .hmCon3 .slick-next,.m2hhCon2 .slick-next{right:-60px;} .hmc5dl{ margin: 1.2vw -12px 2.5vw; } .hmc5dl dd{ padding: 76px 12px 10px;} .hmc5item{padding:86px 25px 0;} .hmc5Phd{width:130px; height:130px; margin-left:-65px; top:-65px;} .hmc5Phd .bgImg{width:120px; height:120px;} .hmc5Phd{border:5px solid #fff;} .hmc5item h4{font-size:21px;} .hmc5item h5{ font-size:14px;} .hmc5item p{ font-size: 13px; line-height: 26px; max-height: 130px;} .hmc5item{height:355px;} .m2hhc4ul li span{height:72px;} .hmc5dl .slick-prev{left:-65px;} .hmc5dl .slick-next{right:-65px;} .hmc6box{margin:2vw 0 2.6vw;} .hmc6Lx{height:500px; padding:40px 0px 0px 25px; width:135px;} .hmc6Lx:after{width:4px;} .hmc6Ya{height:105px; line-height:105px; font-size:21px;} .hmc6RxWpr{margin-left:135px;} .hmc6rswiper:after{width:165px;} .hmc6r_item .bgImg{width:875px;height:500px;} .hmc6rswiper,.hmc6RxWpr,.hmc6Rx{height:500px;} .hmc6Fun{width:165px; padding:75px 0px 0px 25px; font-size:15px;} .hmc6Fun strong{font-size:32px;} .hmc6rswiper .slick-prev{right:105px;} .hmc6rswiper .slick-next{right:52px;} .hmCon7 dl dt{font-size:24px; line-height:60px; height:70px;} .hmCon7 dl{padding-top:10px;} .hmCon7 dl dd span{height:80px;} } @media (max-width:1379px){ .hmc1a strong{font-size:20px;} .hmCon3 .m2jbul,.m2hhCon2 .m2jbul{margin-left:35px; margin-right:35px;} .hmc5dl{margin-left:50px; margin-right:50px;} } @media (max-width:1199px){ .hmc1ul .slick-dots{bottom:-36px; text-align:center} .hmc1ul .slick-dots li button{display:none;} .hmc1ul .slick-dots li { background: #ddd; display: inline-block; height: 8px; width: 8px; margin: 0px 8px; position: relative; border-radius:50%; vertical-align:middle; padding:0; float:none} .hmc1ul .slick-dots li.slick-active{ background:#0873d1; } .hmc1ul{margin-bottom:60px;} .slick-current .hmc1a::before{display:none;} .hmCon3 .slick-prev,.m2hhCon2 .slick-prev{left:-45px;} .hmCon3 .slick-next,.m2hhCon2 .slick-next{right:-45px;} .hmc6r_item .bgImg{width:765px;} } @media (max-width:993px){ .hmc2listWpr dl dd{width:50%;} .hmc2listWpr dl dd:nth-child(3){display:none;} .hmc6Lx{width:100%; float:none; height:108px; padding-top:20px;} .hmc6RxWpr{margin-left:0;} .hmc6Ya{height:80px; line-height:80px;} .hmc6Lx:after{bottom:30px; top:40px;} .hmc6r_item .bgImg{width:595px; height:340px;} .hmc6rswiper,.hmc6RxWpr{height:340px;} .hmc6Fun{padding-top:35px;} .hmCon7 dl dd{width:33.33%;} .hmCon1{padding-top:40px; padding-bottom:50px;} .hmCon2{padding-top:50px; padding-bottom:50px;} .hmCon3{padding-top:50px; padding-bottom:50px;} .hmCon4{padding-top:50px; padding-bottom:50px;} .hmCon5{padding-top:50px; padding-bottom:60px;} .hmCon6{padding-top:50px; padding-bottom:60px;} .hmCon7{ padding-top:20px; padding-bottom:50px;} .hmCon100{ padding-top:20px; padding-bottom:50px;} } @media (max-width:767px){ .hmc2m {display: none;} .hmPub_t strong{font-size:24px; line-height:40px;} .hmPub_t p{font-size:16px; line-height:32px;} .hmPub_t p.en-us{font-size:24px; line-height:40px;} .hmPub_des{margin-left:0; margin-right:0; font-size:14px;} .hmc2top .fl a{font-size:14px; padding:0 10px; margin-right:2px; letter-spacing:0; line-height:46px; height:46px;} .hmc2listWpr dl dd:nth-child(3){display:block;} .hmc2listWpr{margin-bottom:55px;} .hmc2listWpr .slick-dots{bottom:-26px; text-align:center} .hmc2listWpr .slick-dots li button{display:none;} .hmc2listWpr .slick-dots li { background: #ddd; display: inline-block; height: 8px; width: 8px; margin: 0px 8px; position: relative; border-radius:50%; vertical-align:middle; padding:0; float:none} .hmc2listWpr .slick-dots li.slick-active{ background:#0873d1; } .hmc2aBox:hover{transform:translateY(0);} .hmCon4 .m2hhc4ul{margin-left:-5px; margin-right:-5px;} .hmCon4 .m2hhc4ul li{padding:0 5px; margin-bottom:10px;} .m2hhc4ul li span{height:52px;} .hmCon3 .slick-prev, .hmCon3 .slick-next, .m2hhCon2 .slick-prev, .m2hhCon2 .slick-next{width:48px; height:48px;} .hmCon3 .slick-prev, .m2hhCon2 .slick-prev{left:-35px;} .hmCon3 .slick-next, .m2hhCon2 .slick-next{right:-35px;} .hmc5dl .slick-dots{bottom:-26px; text-align:center} .hmc5dl .slick-dots li button{display:none;} .hmc5dl .slick-dots li { background: #ddd; display: inline-block; height: 8px; width: 8px; margin: 0px 8px; position: relative; border-radius:50%; vertical-align:middle; padding:0; float:none} .hmc5dl .slick-dots li.slick-active{ background:#0873d1; } .hmc5dl{margin-left:0; margin-right:0;} .hmc5dl dd .hmc5item:hover { transform: translateY(0px)!important;} .hmc5dl{margin:25px 0 60px;} .hmc6Ya{font-size:18px;} .hmc6Ya:after{left:55px;} .hmc6Fun{display:none;} .hmc6rswiper .slick-prev{right:60px; bottom:46px;} .hmc6rswiper .slick-next{right:15px; bottom:46px;} .hmc6rswiper:after{display:none;} .hmc6r_item .bgImg{width:100%; height:220px;} .hmc6rswiper, .hmc6RxWpr{height:250px;} .hmCon7 dl dt{font-size:22px; text-align:center;} .hmCon7 dl dd span{height:52px;} .hmc1ul00 li{ width:100%; float:left;} } .hmFocus .slick-dots li.on:after{transition:none;} .hmFocus_item {position:relative;} .hmVideo{position:absolute; left:0; top:0; right:0; bottom:0;} .hmVideo video{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%); width:100%; height:auto;} .hmBg{width: 100%;height: 100%;position: absolute;left: 0%; top: 0;z-index: 99;} /*倒计时*/ .ntime_con{ height:100px; position:relative; z-index:2; margin-top:-50px;} .ntmx{ background:#fff; text-align:center;} .ntmx div{ display: inline-block; background: url(../images/djs_ico.png) no-repeat left 42px; font-size: 30px; line-height: 100px; padding-left:58px; letter-spacing:1px; } .ntmx span{ font-size: 62px; color: #0873d1; display: inline-block; font-weight: bold; position:relative; top:10px; } .ntime_con + .hmCon1{padding-top:24px;} @media (max-width:1799px){ .ntime_con{ height:134px; padding-top:67px;} .ntmx div{ background: url(../image/djs_ico.png) no-repeat left 32px; font-size: 24px; line-height: 74px; padding-left:44px; background-size:32px auto; } .ntmx span{ font-size: 46px; top:8px; } .ntime_con + .hmCon1{padding-top:24px;} } @media (max-width:767px){ .ntime_con{ height:50px; margin-top:-25px;} .ntmx div{ background: url(../images/djs_ico.png) no-repeat left 16px; font-size: 15px; line-height: 50px; padding-left:25px; background-size:20px auto; letter-spacing:0 } .ntmx span{ font-size: 22px; top:2px} .ntime_con + .hmCon1{padding-top:10px;} } @media (max-width:767px){ .hmc1a{ display: block; padding: 15px 10px 0px 165px; height: 100px; position: relative;} .hmc1ul li{width:100%;text-align: center;} } /*news---------------------------------------------------------------------------------------------------------*/ .news{padding-bottom:50px; overflow:hidden;} /*栏目*/ .title{position:relative; margin-top:30px; margin-bottom:30px;} .titleBox a{color: #0E70B6; font-weight: bold;} .titleBox{width:100%; text-align:center; font-size:30px; ;color: #000000;font-weight: bold;} .sub-titleBox{width:100%; text-align:center; font-size:30px; ;color: #000000;bottom: -40px;text-transform: capitalize;} .titleMore{background:url(../image/more.jpg) no-repeat right; padding-right:30px; position:absolute; right:0; font-size:14px;} /*标题*/ .news-title{ overflow:hidden; margin: 0 auto;margin-bottom:30px;width: 350px;text-align: center;} .newsTab li{ text-align: center; cursor: pointer; display: inline-block; vertical-align: middle; } .newsTab li.hover a{ background:#0168b5; color:#FFF;;border: 1px solid #0168b5;} .newsTab li a{ color: #000; line-height: 35px; border-radius: 0px; display: block; border: 1px solid; margin: 0 6px; padding: 0 42px; } .newsTab li a:hover{color:#fff; line-height:35px;} @media screen and (max-width: 2600px) and (min-width: 1200px){ .newsPic{float:left;width:500px;} .newsPic a{width:100%;display:block;} .newsPic-text{background:#fff; display:block; padding:35px 20px; } .newsPic-text h3{ margin-bottom:10px; text-overflow: ellipsis; word-break: keep-all; white-space: nowrap; overflow:hidden; } .newsPic-text p{font-size:14px; line-height:160%; color:#999;} .newsList{float:right; width:635px;} .newsList li{overflow:hidden; padding:20px 10px;} .newsList li:hover{background:#FFF;} .newsList li:hover a{color: #0168b5;} .newsList li span{display:block;} .newsList li span.newsList-num{width:90px; height:60px;padding-right: 20px;border-right: 1px solid #e6e6e6;text-align:right; line-height:26px; font-size:28px; color:#666666; font-weight:lighter; float:left;} .newsList li span em{display: block;border-top:0px #DEDDDD solid;font-size:14px;height: 25px;} .newsList li span.newsList-text{float:left; width:500px; margin-left:20px;} .newsList li span.newsList-text h3{font-size:16px; margin-bottom:5px;line-height:30px;} .newsList li span.newsList-text p{font-size:14px; color:#999; line-height:115%;} .content-left li{BORDER-BOTTOM: #C1C1C1 1px dotted;padding: 30px 0;min-height:100px;background:url(//file.xishizhibang.com/yzt/L4T1kbmXcd/arrows2.png) no-repeat left 38px;padding-left:25px;} .content-left li img{padding-right:15px;} .content-left em { float: right;} .other-list>div:nth-child(1){background: #084b6f;height: 150px;color:#FFF;margin-bottom:15px;text-align: center;} .other-list>div:nth-child(2){background: #f4323d;height: 150px;color:#FFF;margin-bottom:15px;text-align: center;} .guanzhongbm a,.zhanshangbm a{color:#FFF;} .zhanshangbm .canzhan,.guanzhongbm .guanzhong{line-height: 100px;font-size: 36px;font-weight: bold;} } @media(max-width:1119px){ .newsPic{display:none;} .newsList{} .newsList li{overflow:hidden; margin-bottom:20px;} .newsList li span{display:block;} .newsList li span.newsList-num{width:3rem; height:3rem; text-align:center; line-height:3rem; font-size:1.6rem; color:#fff; background:#ccc; font-weight:lighter; float:left;} .newsList li span em{display:block; background-color: #ddd;width:3rem; height:3rem;} .newsList li span.newsList-text{float:right; width:85%;} .newsList li span.newsList-text h3{font-size:1.2rem; margin-bottom:5px;} .newsList li span.newsList-text p{font-size:1.0rem; color:#999; line-height:160%;} } /*news---------------------------------------------------------------------------------------------------------*/ @media (min-width: 1200px) { .hmCon100{ padding-top: 3.9vw; padding-bottom:3.9vw } .hmc1ul00{ margin-bottom:4.42vw; box-shadow:0 0 25px rgba(0,0,0,0.1);} .hmc1ul000{ width:33.333333333%; float:left;} .hmc1a100{ display: block; padding: 56px 10px 0px 165px; height: 168px; position:relative;} .hmc1a100:before{content:""; width:1px; height:95px; background:#DBDBDB; position:absolute; left:0%; top:50%; margin-top:-48px;} .hmc1icon100{ width:94px; height:94px; display:inline-block; position:absolute; left:48px; top:50%; margin-top:-47px; background:#0873d1; border-radius:50%; transition:all 0.3s ease-in-out;} .hmc1icon100 img{ position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); transition:all 0.3s ease-in-out;} .hmc1icon100 img:nth-child(2){ opacity:0;} .hmc1a100:hover{ background:#0873d1; color:#fff;} .hmc1a100:hover +.hmc1a100:before{display:none;} .hmc1a100:hover:before{display:none;} .hmc1a100:hover .hmc1icon100 img{ opacity:0;} .hmc1a100:hover .hmc1icon100 img:nth-child(2){ opacity:1} .hmc1a100 strong{ letter-spacing: 2px; display: block; line-height: 36px; font-size: 26px; font-weight: normal; } .hmc1a100 strong.en-us{ display:none} .hmc1a100 p{ font-size: 16px; line-height: 26px; text-transform: uppercase; display: block; opacity:0.8; } .hmc1a100 p.en-us{ font-weight:bold; line-height:70px; font-size:14px;} .hmc1a100:hover .hmc1icon100{ background:#fff;} }