锘緻charset "utf-8"; /*缁熶竴鐨勬牱寮?/ /* reset */ *{margin:0;padding:0;list-style:none; font-size: 16px; box-sizing: border-box;} /*榛樿澶栬竟璺 鍜 鍐呰竟璺?/ /*鍘诲渾鐐?/ img{border:none; vertical-align:bottom; max-width: 100%} table {border-collapse:collapse;} /*杈规浼氬悎骞朵负涓€涓崟涓€鐨勮竟妗?/ /**/ button,input,select,textarea{font-size:100%;}/* 浣垮緱琛ㄥ崟鍏冪礌鍦 ie 涓嬭兘缁ф壙瀛椾綋澶у皬 */ input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;} /*瀛椾綋绯诲垪 瀛椾綋澶у皬 瀛椾綋鏍峰紡 瀛椾綋绮楃粏 閮界户鎵跨埗鍏冪礌*/ .h1, .h2, .h3, .h4, .h5, .h6,span, h1, h2, h3, h4, h5, h6, p{margin: 0px; padding: 0px; font-size: inherit} address,cite,dfn,em,var{font-style:normal;} /* 灏嗘枩浣撴壎姝 */ /*input:focus{box-shadow: 0 0 10px #999; outline: none;} /*杈规闃村奖*/ /*杞粨鍙栨秷*/ /* link */ a{text-decoration:none; color: inherit; transition: 0s; font-size: inherit} /*娓呴櫎瓒呴摼鎺ョ殑涓嬪垝绾?/ a:hover{text-decoration:none; color: inherit;} .clear{clear: both;} /*娓呴櫎娴姩*/ /*缁熶竴鐨勬牱寮?/ ol, ul, dl{margin: 0px;} html body { margin: 0px auto; max-width: 1920px; min-width: 320px; font-size: 100%; font-family: "寰蒋闆呴粦", "Microsoft YaHei", "SimSun", "瀹嬩綋"; } main{font-size: 16px;} /*=================鍏叡澶撮儴鏍峰紡 寮€濮婟=========================*/ .pchea{ position: relative;} .pchea .hea{line-height: 40px; border-bottom: 1px solid #437474; display: flex; justify-content: space-between;} .pchea .hea p{font-size: 14px; color: #fff;} .pchea .hea dd{float: left; font-size: 14px; line-height: 40px; color: #fff; position: relative;cursor: pointer; } .pchea .hea dd.en a {color: #ffffff;} .pchea .hea dd.en{margin: 0 10px; padding: 0 10px; position: relative;} .pchea .hea dd.en::before{position: absolute; content: ''; top: 50%; margin-top: -10px; background-color: #437474; left: 0px; width: 1px; height: 20px;;} .pchea .hea dd.en::after{position: absolute; content: ''; top: 50%; margin-top: -10px; background-color: #437474; right: 0px; width: 1px; height: 20px;;} .pchea .hea dd.en a:hover{color: #e60021!important; transition: 0.3s;} .pchea .hea dd .gong {position: absolute;left:-25px;top:40px;z-index: 55;border: 1px solid #ddd;width: 100px;height: 100px;opacity: 0;transition: .5s;pointer-events: none;} .pchea .hea dd .gong img {width: 100%;height: 100%;object-fit: contain;} .pchea .hea dd:nth-of-type(1):hover .gong{opacity: 1;pointer-events: auto;} .pchea .hea dd:nth-of-type(1)::before{ display: block; position: absolute; content: ''; background: url('../images/mwei.png')no-repeat center center; width: 21px; height: 17px; left: -25px; top: 50%; margin-top: -8px; } .pccont{display: flex; justify-content: space-between; align-content: center;} .pccont ul li{float: left; padding-top: 30px; margin-right: 10px;} .pccont ul li>a { display: block; height: 81px; position: relative; line-height: 70px; padding: 0 15px; font-size: 16px; color: #fff; transition: 0.4s; } .pccont ul li>a::before { position: absolute; content: ''; width: 47px; height: 81px; left: 0px; bottom: 0px; background: url('../images/hea1.png')no-repeat center center; opacity: 0; transition: 0.4s; } .pccont ul li>a:hover {background: #117374} .pccont ul li>a:hover::before {opacity: 1;} .pccont ul li.li_act>a {background: #117374} .pccont ul li.li_act>a::before {opacity: 1;} .pccont .suosou{float: left; margin-top: 44px; position: relative; z-index: 5; width: 80px;} .pccont .suosou input { height: 35px; border-radius: 30px; outline: none; background-color: #117374; padding: 20px; border: 0px; color: #fff; position: absolute; right: 0px; top: 0px; width: 0px; transition: 0.4s; } .pccont .suosou input::-webkit-input-placeholder{color: #fff;} .pccont .suosou input:-moz-placeholder{color: #fff;} .pccont .suosou input::-moz-placeholder{color: #fff;} .pccont .suosou input:-ms-input-placeholder{color: #fff;} .pccont .suosou input::placeholder{color: #fff;} .pccont .suosou button{ background-color: transparent; border: 0px; font-size: 24px; position: absolute; top: 2px; right: 11px; color: #fff; } .pccont .suosou:hover input{width: 200px; padding-right: 50px;} .pccont li dl{position: absolute; opacity: 0; visibility: hidden; z-index: 5; transition: 0.4s; color: #fff; display: flex; justify-content: center; align-content: center; top: 100%; width: 100%; left: 0px; height: 85px; line-height: 85px; background-color: #117374} .pccont li dl dd{padding: 0 35px; padding-left: 70px; line-height: 85px; position: relative;} .pccont li dl dd::after{ position: absolute; content: ''; top: 50%; margin-top: -10px; background-color: #adc7c8; right: 0px; width: 1px; height: 20px; } .pccont li dl dd:last-of-type::after{display: none} .pccont li dl dd>i{ width: 70px; height: 100%; position: absolute; top: 0px; left: 0px; content: ''; background-position: center center; background-repeat:no-repeat; } .pccont li dl dd a{transition: 0.3s; line-height: 24px; border-bottom: 1px solid transparent} .pccont li dl dd a:hover{border-bottom: 1px solid #fff} .pccont li:hover dl{opacity: 1; visibility: visible} .banner .swiper-pagination-bullet-active{background-color: #117374} .subhlogo{ position: fixed; top: 0px; left: 0px; width: 100%; border-bottom: 1px solid rgba(40,88,88, 0.3); z-index: 55; display: none; background-color: #fff; } .subhlogo .layout { display: flex; justify-content: space-between; align-items: center; height: 80px; padding: 0 20px } .subhlogo .hloho{width: 150px; } .meun-btn { position: relative; width: 50px; height: 50px; display: flex; cursor: pointer; z-index: 555; flex-direction: column; justify-content: space-around; } .meun-btn span { top: 50%; left: 0px; display: block; width: 100%; height: 5px; border-radius: 25px; margin-top: -1px; background: #285858; transition: .2s ease; } .meun-btn-open span:nth-of-type(1) {position: absolute;transform: rotate(45deg);} .meun-btn-open span:nth-of-type(3) {position: absolute; transform: rotate(-45deg);} .meun-btn-open span:nth-of-type(2){width: 0px;} .second_nav{ position: fixed; top: 0px; left: 0px; z-index: 555; width: 320px ; height: 100%; background: #fff; box-shadow: 0 5px 10px rgba(0, 0, 0, .4); overflow-y: scroll; padding-bottom: 50px; pointer-events:none; animation-duration: 0.5s; } .second_nav form{ box-sizing: border-box; margin: 0px; background: #285858; height: 81px; min-height: 50px; font-size: 16px; color: #fff; width: 100%; text-align: center; cursor: pointer; display: flex; align-items: center; justify-content: center; } .second_nav form input{ border: none; width: 80%; height: 36px; outline: none; border-bottom: 1px solid #fff; background: transparent; padding-left: 15px; padding-right: 25px; color: #fff; font-size: 16px; } .second_nav form button{ border: none; background: no-repeat; margin-left: -15px; color: #fff; } .second_nav_block{pointer-events: auto; visibility: visible; } .second_nav form input::-webkit-input-placeholder {color: #fff;} .second_nav form input:-moz-placeholder {color: #fff;} .second_nav form input::-moz-placeholder {color: #fff;} .second_nav form input:-ms-input-placeholder {color: #fff;} .second_nav form input::placeholder{color: #fff;} .second_nav li{width: 100%;} .second_nav li p{ position: relative; display: block; height: 56px; line-height: 56px; overflow: hidden; padding: 0px 20px 0px 40px; margin: 0px; font-size: 16px; color: #505050; font-weight: normal; letter-spacing: 1px; cursor: pointer; transition: .3s; border-bottom: 1px solid #f2f2f2; } .second_nav li p i{float: right; margin-top: 20px; transition: .6s;} .second_nav li p a{display: block; width: 80%; float: left;} .second_nav li p::before{ content: ""; position: absolute; top: 50%; left: 15px; width: 10px; height: 10px; margin-top: -5px; border: 1px solid #505050; border-radius: 50%; transition: .3s; } .second_nav .li_act p::before{ border: 1px solid #285858; background: #285858; } .second_nav .li_act p{color: #285858;} .second_nav .li_act p i{transform: rotateX(180deg);} .second_nav li dl{display: none;} .second_nav li dd{ font-size: 16px; line-height: 56px; height: 56px; padding: 0px 20px 0px 40px; border-bottom: 1px solid #f2f2f2; } .second_nav li dd a{display: block} .mark{ position: fixed; width: 100%; height: 100%; top: 0px; left: 0px; background: rgba(255, 255, 255, 0.5); z-index: 55; display: none; } .second_nav .iphone{ font-size: 28px; margin: 0.2rem 0px; position: relative; color: #000; font-family: Arial; padding-left: 30px; } .second_nav .iphone i{padding-right: 5px;} .phone_banner{display: none} /*=================鍏叡澶撮儴鏍峰紡 缁撴潫============================*/ /*=================棣栭〉鏍峰紡 ===========================*/ .box1{padding: 0.6rem 0px;} .box1nav li{float: left; margin-bottom: 40px; line-height: 32px; cursor: pointer; margin-right: 0.5rem; color: #fff; border-bottom: 1px solid transparent; } .box1nav li:hover{border-bottom: 1px solid #fff} .box1nav li:nth-of-type(1){border-bottom: 1px solid #fff} .box1_pic li{ float: left; width: 32.333%; padding-left: 1%; padding-top: 1%; position: relative; } .box1_pic li a{display: flex; justify-content: center; align-content: center; padding: 41% 0px; position: relative;} .box1_pic li a img{ position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; object-fit: cover; } .box1_pic li a p{ position: absolute; font-size: 24px; color: #fff; opacity: 0; transition: 0.4s; top:0; left:0; width: 100%; height:100%; background-color: rgba(0,0,0,.5); display: flex; justify-content: center; align-items: center; } .box1_pic li:hover a p{opacity: 1;} .box2{background-color: #dfdfdf} .box2nav li{float: left; margin: 0.6rem 0px;; line-height: 32px; cursor: pointer; margin-right: 0.5rem; color: #494747; border-bottom: 1px solid transparent; } .box2nav li:hover{border-bottom: 1px solid #285858} .box2_swiper .pic{display: flex; transition: 0.4s; justify-content: center; align-content: center; padding: 48% 0px; position: relative; } .box2_swiper .pic img{ position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; object-fit: cover; } .box2_swiper .pic::before{ position: absolute; width: 100%; height: 100%; top: 0px; left: 0px; background-color: rgba(0, 0, 0, .3); z-index: 1; content: ''; transition: 0.4s; } .box2_swiper .swiper-container{padding: 15px 0px; } /* .box2_swiper .swiper-slide:hover .pic{transform: scale(1.2); z-index: 5;} .box2_swiper .swiper-slide:hover .pic::before{opacity: 0;} */ .box2_swiper .swiper-slide-active .pic{transform: scale(1.2); z-index: 5;} .box2_swiper .swiper-slide-active .pic::before{opacity: 0;} .box2 .box2_swiper1{max-width: 1200px; padding: 0.6rem 115px; position: relative;} .box2_swiper1 h5{font-size: 22px; text-align: center; margin-bottom: 25px;} .box2_swiper1 span{font-size: 16px;font-weight: bold; color: #117374} .box2_swiper1 p{font-size: 16px; line-height: 24px; color: #494747} .box2_swiper1 .swiper-container{z-index: 5;} .box2_swiper1 .swiper-pagination{ position: absolute; top: 0px; right: 0px; height: 24px; font-size: 30px; font-weight: normal; text-align: right; color: #cbced2 } .box2_swiper1 .swiper-pagination span{font-size: 30px; font-weight: normal; color: #cbced2} .box2_swiper1::before{ background: url('../images/box2_o.png')no-repeat center center; position: absolute; width: 41px; height: 38px; top: 75px; left: 0px; content: ''; } .box2_swiper1::after{ background: url('../images/box2_o.png')no-repeat center center; position: absolute; width: 41px; height: 38px; bottom: 50px; right: 0px; content: ''; transform: rotateZ(180deg) } .box3{padding: 0.5rem 0px;} .box3>div{float: left; width: 48%} .box3>div h5{padding: 0.2rem 0.4rem; color: #fff; font-size: 20px;} .box3>div a{display: block; transition: 0.4s; margin-top: 20px; background-color: #285858; width: 95px; border-radius: 10px; line-height: 32px; text-align: center} .box3>div a:hover{border-radius: 0px;} .box3>div:nth-of-type(2){float: right;} /*=================棣栭〉鏍峰紡 缁撴潫=============================*/ /*=================鍏叡灏炬牱寮 寮€濮婟==========================*/ .foo {padding: 0.4rem 0px;} .foo .layout{display: flex; justify-content: space-between;} .foo .layout li{float: left; margin-right: 20px;} .foo .layout li p a{ font-size: 16px; color: #ffffff; margin-bottom: 10px; } .foo .layout>img {min-width: 170px;} .foo .layout li a{ font-size: 14px; color: #ffffff; text-align: center; display: block; line-height: 24px; margin-bottom: 5px; } .foo .layout .words{width: 354px; padding-left:20px;} .foo .layout .words h5{font-size: 18px; color: #fff; margin-bottom: 10px;} .foo .layout .words p{font-size: 16px; color: #fff; line-height: 28px;} .foo .layout .words dl{position: relative; margin-top: 20px; max-width: 150px; } .foo .layout .words dt, .foo .layout .words dd{width: 100%; background-color: #117374; text-align: center; line-height: 38px;font-weight: normal; color: #fff;border-bottom: 1px solid #ddd } .foo .layout .words dt{border: 0px; position: relative;} .foo .layout .words dt::before { background: url('../images/dt_pic.png')no-repeat 0 0; content: ''; width: 18px; height: 15px; top: 50%; margin-top: -7px; left: 10px; position: absolute; } .foo .layout .words dt::after { background: url(../images/dt_pic1.png)no-repeat 0 0; content: ''; width: 8px; height: 5px; top: 50%; margin-top: -2.5px; right: 20px; position: absolute; } .foo .layout .words dl div{position: absolute; bottom: 100%; left: 0px; width: 100%; visibility: hidden; opacity: 0; transition: 0.4s;} .foo .layout .words dd a{display: block} /* .foo .layout .words dd:hover{background-color: #} */ .foo .layout .words dl:hover div{visibility: visible; opacity: 1;} .foowords{padding: 25px; font-size: 14px; line-height: 24px; text-align: center; color: #454545; background-color: #ececec} .foo .layout .words{border-left: 2px solid #9cafb0} /* 搴曢儴灏忓鑸 */ .fix_fot{ position: fixed; bottom: 0; right: 0px; z-index: 11; width: 100%; display: flex; flex-wrap: wrap; justify-content: center; } .fix_fot li:nth-last-child(1){ border-right: 0px; } .fix_fot li{ width: 25%; float: left; border-right: 1px solid #fff; text-align: center; background-color:#117374;; cursor: pointer; position: relative; transition: .6s; color: #fff; font-size: 14px; } .fix_fot li a{font-size: 14px;} .fix_fot li i{ font-size: 30px; line-height: 45px; display: block; } .fix_fot .fix_te{ position: absolute; top: -105px; left: -141px; width: 141px; background: #fff; visibility: hidden; opacity: 0; } .fix_fot li:last-child{border: none; display: none;} .fix_fot .back{overflow: visible!important; color: #fff; } .fix_fot .back span{ position: absolute; top: 0px; left: -131px; width: 130px; height: 45px; line-height: 45px; text-align: center; color: #fff; font-size: 16px; background: #285858; border-top-left-radius: 50px; border-bottom-left-radius: 50px; } .fix_fot li:hover .fix_te{opacity: 1; visibility: visible; transition: 0.5s;} .fix_fot li:hover{transition: .6s; color: #fff; background: #117374} .fix_fot li a{display: block} .fix_fot .fix_qr a::before{ background: url('../images/QQ.png')no-repeat center center; width: 100%; height: 45px; display: block; content: ''; } .fix_fot .dianhua a::before { background: url(../images/dianhua.png)no-repeat center center; width: 100%; height: 45px; display: block; content: ''; } .fix_fot .fix_qr span{ background: url('../images/weixinqr.jpg ')no-repeat center center; background-color: #fff; width: 110px; height: 110px; position: absolute; top: 0px; left: -111px; transform: scale(0); transition: .6s; border: none; display: block; z-index: 22; } .fix_fot .phone span{ position: absolute; top: 0px; left: -156px ; width: 155px; height: 45px; line-height: 45px; text-align: center; color: #fff; font-size: 16px; background: #117374; } .fix_fot .qq a:nth-of-type(1) dd::after{ position: absolute; background: url('../images/fix_pic2.png')no-repeat 0 0; width: 88px; height: 130px; top: 70px; margin-top: -65px; margin-left: -44px; left: 50%; content: ''; } .fix_fot .qq a:nth-of-type(2) dd::after{ position: absolute; background: url('../images/fix_pic3.png')no-repeat 0 0; width: 96px; height: 130px; top: 36%; margin-top: -65px; margin-left: -44px; left: 50%; content: ''; } .fix_fot .qq p{ line-height: 24px; font-size: 16px; color: #6e6e6e; padding: 15px 0px; position: relative; } .fix_fot .qq dd{ padding-top: 120px; display: block; position: relative; } .fix_fot .qq .fix_te{top: -250px;} /*渚ч潰灏忓鑸?/ .fix_list{ position: fixed; bottom:0; right: 0px; z-index: 99; } .fix_list li{ width: 70px; height: 70px; text-align: center; background-color: #285858; cursor: pointer; position: relative; margin-bottom: 1px; transition: .6s; color: #fff; font-size: 14px; } .fix_list li a{font-size: 14px;} .fix_list li i{ font-size: 30px; line-height: 45px; display: block; } .fix_list .fix_te{ position: absolute; top: -105px; left: -141px; width: 141px; background: #fff; visibility: hidden; opacity: 0; } .fix_list li:last-child{border: none; display: none;} .fix_list .back{overflow: visible!important; color: #fff; } .fix_list .back span{ position: absolute; top: 0px; left: -131px; width: 130px; height: 45px; line-height: 45px; text-align: center; color: #fff; font-size: 16px; background: #117374; border-top-left-radius: 50px; border-bottom-left-radius: 50px; } .fix_list li:hover .fix_te{opacity: 1; visibility: visible; transition: 0.5s;} .fix_list li:hover{transition: .6s; color: #fff; background: #117374} .fix_list li a{display: block} .fix_list .fix_qr a::before{ background: url('../images/QQ.png')no-repeat center center; width: 100%; height: 45px; display: block; content: ''; } .fix_list .fix_qr span{ background: url('../images/weixinqr.jpg ')no-repeat center center; background-color: #fff; width: 110px; height: 110px; position: absolute; top: 0px; left: -111px; transform: scale(0); transition: .6s; border: none; display: block; z-index: 22; } .fix_list .phone span{ position: absolute; top: 0px; left: -156px ; width: 155px; height: 45px; line-height: 45px; text-align: center; color: #fff; font-size: 16px; background: #117374; } .fix_list .qq a:nth-of-type(1) dd::after{ position: absolute; background: url('../images/fix_pic2.png')no-repeat 0 0; width: 88px; height: 130px; top: 70px; margin-top: -65px; margin-left: -44px; left: 50%; content: ''; } .fix_list .qq a:nth-of-type(2) dd::after{ position: absolute; background: url('../images/fix_pic3.png')no-repeat 0 0; width: 96px; height: 130px; top: 36%; margin-top: -65px; margin-left: -44px; left: 50%; content: ''; } .fix_list .qq p{ line-height: 24px; font-size: 16px; color: #6e6e6e; padding: 15px 0px; position: relative; } .fix_list .qq dd{ padding-top: 120px; display: block; position: relative; } .fix_list .qq .fix_te{top: -250px;} /*渚ч潰灏忓鑸?/ /*=================鍏叡灏炬牱寮 缁撴潫=======================*/ /*=================鍐呴〉鏍峰紡 寮€濮婟======================*/ .gotowords { height: 265px; display: flex; flex-direction: column; justify-content: center; padding-left: 3.1rem; color: #fff; line-height: 30px; font-size: 16px; } .gotowords p{width: 136px; transition: 0.4s; height: 34px; line-height: 34px; border-radius: 30px; background-color: #117374; text-align: center; margin-top: 25px;} .gotowords p a{font-size: 14px; border-bottom: 1px solid #a6c1c2} .gotowords p:hover{border-radius: 0px;} .gotopic0 { background-image: url('../img/2023/yhjjj.jpg'); width: 100%; height: 7.3rem; background-size: 100% 100%; display: flex; flex-direction: column; justify-content: center; background-repeat: no-repeat; /*background-attachment: fixed;*/ background-position: left center; } .gotopic1 { background-image: url('../img/goto20211217_02.jpg'); width: 100%; height: 7.3rem; background-size: cover; display: flex; flex-direction: column; justify-content: center; background-repeat: no-repeat; /*background-attachment: fixed;*/ background-position: center center; } .gotopic>div{ width: 35%; background-color:rgba(221, 221, 221, 0.85); height: 100px; } .gotopic>div>p { float: right; height: 100%; width: 40%; display: flex; flex-direction: column; justify-content: center; font-size: 30px; color: #494747; align-items: center; min-width: 250px; } .gotopic>div>p span { text-transform: uppercase; font-family: Arial; font-size: 20px; color: #117374 } .gotopic2 { background-image: url('../img/goto20211217_03.jpg'); width: 100%; height: 7.3rem; background-size: cover; display: flex; flex-direction: column; justify-content: center; background-repeat: no-repeat; /*background-attachment: fixed;*/ background-position: center center; } .gotopic3 { background-image: url('../images/goto3.jpg'); width: 100%; height: 7.3rem; background-size: cover; display: flex; flex-direction: column; justify-content: center; background-repeat: no-repeat; /*background-attachment: fixed;*/ background-position: center center; } .gotopic4 { background-image: url('../img/2023/ydhwdjd.jpg'); width: 100%; height: 7.3rem; background-size: cover; display: flex; flex-direction: column; justify-content: center; background-repeat: no-repeat; /*background-attachment: fixed;*/ background-position: center center; } .gotopic5{ background-image: url('../images/goto5.jpg'); width: 100%; height: 7.3rem; background-size: cover; display: flex; flex-direction: column; justify-content: center; background-repeat: no-repeat; /*background-attachment: fixed;*/ background-position: center center; } .allwarp{border-bottom: 1px solid #fff} .senav dl, .senav ul li{float: left;} .senav dt, .senav dd{line-height: 80px; transition: 0.4s; float: left; font-weight: normal; font-size: 14px; color: #fff;} .senav dd:last-of-type span{display: none} .senav dd:hover{color: #454545} .senav dd a{font-size: inherit} .senav ul{float: right;} .senav ul li{height: 80px; display: flex; justify-content: center; align-items: center; font-size: 16px; color: #fff; margin: 0 5px;} .senav ul li a{display: block; height: 34px; transition: 0.4s; line-height: 34px; padding: 0 15px; padding-left: 40px; position: relative; border-radius: 10px;color: #ffffff!important; } .senav ul li a i{ width: 40px; height: 100%; position: absolute; top: 0px; left: 0px; content: ''; background-position: center center; background-repeat: no-repeat; } .senav ul li:hover a{background-color: #117374;} .senav ul li.li_act a{background-color: #117374;} .all{background-color: #f7f7f7; padding: 0.6rem 0px;} .about .pic{padding: 0.3rem 0px; } .about .layout{text-align: center} .about p{font-size: 16px; line-height: 30px; color: #494747; text-indent: 2em; text-align: left } .about h3{font-size: 16px; line-height: 30px; color: #494747; text-align: left;font-weight: bold; } .about h3 span{font-weight: normal;} .allbase .layout{background: url('../images/base.jpg')no-repeat center bottom; min-height: 650px;} .allbase h5{text-align: center; font-size: 28px; color: #0d0d0d} .allbase .hr hr{width: 60px; margin: 25px auto; background-color: #285858; height: 5px;;} .allbase .hr{position: relative;} .allbase .hr::before{ position: absolute; content: ''; width: 35%; height: 1px; background-color: #d6d6d6; left: 0px; top: 50%; } .allbase .hr::after{ position: absolute; content: ''; width: 35%; height: 1px; background-color: #d6d6d6; right: 0px; top: 50%; } .allbase span{display: block; text-transform: uppercase; text-align: center; font-size: 18px; color: #117374; } .baseWords {max-width: 930px; margin: 0.9rem auto 0px; text-align: center;} .baseWords .swiper-container{padding-top: 115px; position: relative;} .baseWords .swiper-slide{font-size: 20px; line-height: 30px; color: #117374} .baseWords .swiper-container i{ background: url('../images/base1.png')no-repeat center center; width: 100%; left: 0px; top: 0px; position: absolute; height: 70px;; } .baseWords .swiper-container::before{ position: absolute; content: ''; width: 41px; height: 38px; left: 0px; top: 50%; margin-top: -19px; background: url('../images/base2.png')no-repeat center center } .baseWords .swiper-container::after{ position: absolute; content: ''; width: 41px; height: 38px; right: 0px; top: 50%; margin-top: -19px; background: url('../images/base2.png')no-repeat center center; transform: rotateZ(180deg); } .basePic{max-width: 1200px; margin: 1rem auto 0px;} .basePic .div_act>div p{opacity: 0;} .basePic .div_act>div::before{opacity: 0;} .hiswords img{float: left; width: 50%;} .hiswords .swiper-container{float: right; width: 40%; } .hiswords h5{ font-size: 28px; color: #117374; line-height: 36px; } .hiswords hr{width: 60px; margin: 10px 0px; background-color: #285858; height: 5px;;} .hiswords h4{ font-size: 18px; color: #494747; line-height: 36px; font-family: "寰蒋闆呴粦", "Microsoft YaHei", "SimSun", "瀹嬩綋"; } .hiswords .swiper-slide h6{ font-size: 64px; color: #117374; line-height: 130%; margin-bottom: 20px; } .hiswords .swiper-slide p{ font-size: 14px; color: #494747; line-height: 30px;; } .hisYesr{padding: 0px 70px; margin-top: 60px; position: relative;} .hisYesr .swiper-container{position: relative; } .hisYesr .swiper-container::before{ position: absolute; content: ''; width: 100%; left: 0px; top: 7px; background-color: #494747; height: 1px; } .hisYesr .swiper-container .swiper-slide{ text-align: center; padding-top: 44px; position: relative; color: #494747; padding-bottom: 25px; } .hisYesr .swiper-container .swiper-slide i{ position: absolute; top: 0px; left: 50%; margin-left: -7px; width: 14px; height: 14px; background-color: #d2d2d2; border-radius: 50%; } .hisYesr .swiper-prev, .hisYesr .swiper-next{ position: absolute; width: 55px; height: 55px; top: -20px; background-color: #285858; font-size: 40px; border-radius: 50%; z-index: 11; color: #ffffff; cursor: pointer; display: flex; justify-content: center; align-items: center; outline: none; } .hisYesr .swiper-prev{left: 0px;} .hisYesr .swiper-next{right: 0px} .hisYesr .swiper-prev:hover, .hisYesr .swiper-next:hover{background-color: #117374} .hisYesr .swiper-container .swiper-slide::before{ position: absolute; top: 20px; left: 50%; font-size: 26px; margin-left: -8px; color: #285858; opacity: 0; transition: 0.4s; } .hisYesr .swiper-container .swiper-slide::after{ position: absolute; bottom: 0px; left: 50%; font-size: 26px; margin-left: -8px; color: #285858; opacity: 0; transition: 0.4s; content: "\f0d8"; } .hisYesr .swiper-container .swiper-slide-active i{background-color: #285858} .hisYesr .swiper-container .swiper-slide-active::before{opacity: 1;} .hisYesr .swiper-container .swiper-slide-active::after{opacity: 1;} .honor .tit{display: flex; justify-content: center; align-items: center;margin-bottom: 2%;} .honor .tit a{ display: block; margin: 0 10px; text-align: center; transition: 0.4s; font-size: 14px; } .honor .tit a i{ display: block; margin-bottom: 5px; width: 68px; height: 72px; border: 1px solid #494747; transition: 0.4s; } .honor .tit a:nth-of-type(1) i{background: url('../images/honor1.png')no-repeat center center} .honor .tit a:nth-of-type(2) i{background: url('../images/honor2.png')no-repeat center center} .honor .tit a:hover i{border: 1px solid #117374} .honor .tit a:hover{color: #117374} .honor .tit a:nth-of-type(1):hover i{background: url('../images/honor3.png')no-repeat center center} .honor .tit a:nth-of-type(2):hover i{background: url('../images/honor4.png')no-repeat center center} .honor .tit a:nth-of-type(1).a_act i{background: url('../images/honor3.png')no-repeat center center} .honor .tit a:nth-of-type(2).a_act i{background: url('../images/honor4.png')no-repeat center center} .honor .tit a.a_act i{border: 1px solid #117374} .honor .tit a.a_act{color: #117374} .honor_list li{float: left; width: 23%; margin-bottom: 20px; margin-right: 2.65%;} .honor_list li:nth-of-type(4n+4){margin-right: 0px;;} .honor_list li a{display: block; position: relative; padding: 60% 0px;border: 1px solid #ddd;} .honor_list li a img{position: absolute; width: 100%; height: 100%; left: 0px; top: 0px; object-fit: contain; } .honor_list li p{font-size: 14px; color: #494747; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; transition: 0.4s;text-align: center;margin-top: 5px;} .honor_list li:hover p{color: #117374} .fengye{margin: 25px 0px 0; text-align: center; line-height: 0px;} .fengye ul{display: inline-block; margin: 0px auto} .fengye ul li{float: left;} .fengye ul li a { float: left; width: 32px; height: 32px; margin: 0px 5px; line-height: 32px; background: transparent; border: 1px solid #117374; color: #117374; border-radius: 5px; font-size: 14px; text-align: center; transition: .3s; } .fengye ul li:last-of-type { background: none } .fengye ul li select { width: 40px; height: 32px; border-radius: 5px; color: #117374 } .fengye ul li:hover a{background-color: #117374; color: #fff} .soci1 img{float: left; width: 63%} .soci1 .words{float: right; width: 495px;} .soci h5{font-size: 28px; font-family: Arial; text-transform: uppercase; color: #494949; font-weight: bold; line-height: 30px;} .soci h6{font-size: 28px; margin: 15px 0px 0.3rem; color: #117374; line-height: 30px;} .soci p{font-size: 14px; margin: 10px 0px; color: #494747; line-height: 30px;} .hr1{margin: 0.3rem 0px 0.5rem; width: 100%; border: 0px; height: 1px; background-color: #d2d2d2} .soci2{background-color: #fff; border: 1px solid #dfdfdf} .soci2 .words{width: 47%; float: left; padding-left: 0.5rem; padding-top: 0.44rem} .soci2 img{float: right;} .soci3{background: url('../images/soci_pic3.jpg')no-repeat center center; padding: 0.3rem 0px; margin-top: 0.5rem; background-size: cover;} .soci3 .words{text-align: center;} .soci3 .words h5{color: #117374} .soci3 .words h6{color: #fff} .soci3 .words p{color: #fff; text-align: left; margin-bottom: 0.3rem} .soci4{padding: 0.5rem 0px; text-align: center} .soci4 p{text-align: left} .soci5{background: url('../images/soci_pic4.jpg')no-repeat center center; margin-bottom: 270px; padding: 1.9rem 0px 0px; height: 285px; background-size: cover;} .soci5_swiper .swiper-slide>div{padding: 48% 0px; position: relative;} .soci5_swiper .swiper-slide>div img{position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; object-fit: cover} .soci6{padding: 0.5rem 0px; background-color: #fff;} .soci6 h5, .soci6 h6{text-align: center} .soci6_swiper{padding: 0.6rem 0.6rem; background-color: #285858} .soci6_swiper p{max-width: 1200px; color: #fff; margin-bottom: 0.5rem} .soci6_swiper .swiper-slide>div{padding: 30% 0px; position: relative;} .soci6_swiper .swiper-slide>div img{position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; object-fit: cover} .soci7{padding: 0.4rem 0px;} .soci7 img{float: left; width: 56%} .soci7 .words{height: 700px; width: 38%; float: right; display: flex; flex-direction: column; justify-content: center} .soci7 .words h6{margin-bottom: 0.5rem} .soci8{background: url('../images/soci_pic8.jpg')no-repeat center center; height: 540px;; background-size: cover;} .soci8 h5{padding-top: 0.8rem; color: #117374;} .soci8 h6{ color: #fff;} .soci9 h3{font-size: 16px; text-align: center; color: #494747; line-height: 30px;font-weight: normal;} .soci9 p{font-size: 14px; text-align: center; color: #494747; line-height: 30px;} .soci9 li{background-color: #fff; padding: 0.15rem 0px; box-shadow: 0px 6px 13px 0px rgba(0, 0, 0, .1); margin-top: 0.3rem} .probancai li{ float: left; width: 32%; margin-right: 2%; border: 1px solid #eeeeee; padding: 3px; background-color: #fff; transition: 0.4s; margin-bottom: 20px; } .probancai li:nth-of-type(3n+3){margin-right: 0px;} .probancai li .pic{position: relative; padding: 36% 0px; margin-bottom: 0.3rem} .probancai li .pic img{position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; object-fit: cover} .probancai li i{font-style: normal; width: 32px; height: 32px; margin: 0 auto; border-radius: 50%; border: 1px solid #a8a8a8; display: flex; justify-content: center; align-items: center; font-size: 24px;} .probancai li hr{ width: 28px; margin: 10px auto; height: 1px; border: 0px; background-color: #285858 } .probancai li p{ font-size: 14px; line-height: 20px; margin-bottom: 0.2rem; text-align: center } .probancai li:hover{border-color: #117374} .protongbu li{ float: left; width: 24%; margin-right: 1.33%; background-color: #fff; transition: 0.4s; margin-bottom: 20px; } .protongbu li:nth-of-type(4n+4){margin-right: 0px;} .protongbu li .pic{position: relative; transition: 0.4s; padding: 58% 0px; margin-bottom: 0.3rem; border: 1px solid #eeeeee} .protongbu li .pic img{position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; object-fit: cover; padding: 2px;} .protongbu li i{font-style: normal; width: 32px; height: 32px; margin: 0 auto; border-radius: 50%; border: 1px solid #a8a8a8; display: flex; justify-content: center; align-items: center; font-size: 24px;} .protongbu li hr{ width: 28px; margin: 10px auto; height: 1px; border: 0px; background-color: #285858 } .protongbu li p{ font-size: 14px; line-height: 20px; margin-bottom: 0.2rem; text-align: center } .protongbu li:hover .pic{border-color: #117374} .pronav{margin-bottom: 0.5rem} .pronav li { float: left; width: 11.111%; border: 1px solid #f9f9f9; background-color: #fff; line-height: 0.8rem; text-align: center; transition: 0.4s; } .pronav li a{display: block} .pronav li:hover{background-color: #117374; color: #fff} .pronav li.li_act{background-color: #117374; color: #fff} .provPic{float: left; width: 46%; background-color: #fff} .provPic li .pic{position: relative; padding: 50% 0px;} .provPic li .pic img{position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; object-fit: contain; } .provPic li{display: none} .provPic li:nth-of-type(1){display: block} .proVh .words{float: right; width: 46%;} .proVh .words h1{ font-size: 20px; line-height: 20px; margin: 0 0 0.2rem 0px; } .proVh .words>p{ font-size: 14px; line-height: 20px; color: #494747; margin: 0rem 0px 0.5rem; } .proVh .words h5{ font-size: 16px; line-height: 20px; color: #000000; padding-bottom: 0.2rem; border-bottom: 1px solid #000; font-weight: bold; } .bdsharebuttonboxpro { margin: 25px 0px; } .bdsharebuttonboxpro a { float: none !important; vertical-align: middle; font-size: 16px !important; width: 31px !important; display: inline-block; height: 31px !important; background-position: unset !important; margin: 0 !important; padding: 0 !important; } .bdsharebuttonboxpro .bds_more { width: auto !important; height: auto !important; background-image: none !important; } .bdsharebuttonboxpro .bds_weixin { background-image: url("../images/share_ico1.png") !important; } .bdsharebuttonboxpro .bds_tsina {background-image: url("../images/share_ico2.png") !important;} .bdsharebuttonboxpro .bds_qzone { background-image: url("../images/share_ico3.png") !important; } .bdsharebuttonboxpro .bds_tqq { background-image: url("../images/share_ico4.png") !important; } .bdsharebuttonboxpro .bds_renren { background-image: url("../images/share_ico5.png") !important; } .proVh .more{ width: 178px; height: 55px; display: block; border: 1px solid #7d7d7d; background-color: #117374; display: flex; justify-content: center; align-items: center; color: #fff; transition: 0.4s; border-radius: 10px; } .proVh .more::before{ display: block; content: ''; width: 46px; height: 100%; background: url('../images/360.png')no-repeat center center; margin-right: 10px; } .proVh .words>span{ font-size: 14px; line-height: 20px; color: #494747; margin: 0.4rem 0px 5px; display: block; } .proVh .more:hover{border-radius: 0px; background-color: #285858} .proSpic .swiper-slide{float: left; width: 96px; text-align: center; cursor: pointer; margin-right: 20px;} .proSpic .swiper-slide .pic{position: relative; padding: 50% 0px; border: 1px solid #dfdfdf; background-color: #fff} .proSpic .swiper-slide .pic img{position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; object-fit: contain; } .proSpic .swiper-slide.dd_act .pic{border-color: #117374} .proSpic .swiper-slide>p {font-size: 14px;color:#494747;margin-top: 5px;overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical; } .procont h5{ font-size: 20px; margin-top: 0.5rem; padding-bottom: 0.2rem; border-bottom: 1px solid #dcdcdc; font-weight: bold; margin-bottom: 20px; } .hotpic{padding: 0 65px; position: relative;} .hotpic .swiper-slide{font-size: 14px; line-height: 20px; color: #494747; text-align: center; } .hotpic .swiper-slide .pic{position: relative; padding: 65% 0px; border: 1px solid transparent; transition: 0.4s; margin-bottom: 15px;} .hotpic .swiper-slide .pic img{position: absolute; top: 0px; left: 5%; width: 90%; height: 100%; object-fit: cover; } .hotpic .swiper-slide:hover .pic{background-color: #fff; border-color: #117374} .hotpic .swiper-prev, .hotpic .swiper-next{ position: absolute; width: 55px; height: 55px; top: 50%; margin-top: -25px; background-color: #285858; font-size: 40px; border-radius: 50%; z-index: 11; color: #ffffff; cursor: pointer; display: flex; justify-content: center; align-items: center; } .hotpic .swiper-prev{left: 0px;} .hotpic .swiper-next{right: 0px} .changPic{padding: 0 65px; position: relative;} .changPic .swiper-slide{font-size: 14px; line-height: 20px; color: #494747; text-align: center; } .changPic .swiper-slide .pic{position: relative; padding: 50% 0px; border: 1px solid transparent; transition: 0.4s; margin-bottom: 15px;} .changPic .swiper-slide .pic img{position: absolute; top: 0px; left: 5%; width: 90%; height: 100%; object-fit: cover; } .changPic .swiper-slide:hover .pic{background-color: #fff; border-color: #117374} .changPic .swiper-prev, .changPic .swiper-next{ position: absolute; width: 55px; height: 55px; top: 50%; margin-top: -25px; background-color: #285858; font-size: 40px; border-radius: 50%; z-index: 11; color: #ffffff; cursor: pointer; display: flex; justify-content: center; align-items: center; } .changPic .swiper-prev{left: 0px;} .changPic .swiper-next{right: 0px} .prozhineng{background-color: #fff; padding: 0.5rem 0px;} .alltit h5{text-align: center; font-size: 28px; color: #0d0d0d} .alltit .hr hr{width: 60px; margin: 0.25rem auto; border: 0px; background-color: #285858; height: 5px;;} .alltit .hr{position: relative;} .alltit .hr::before{ position: absolute; content: ''; width: 35%; height: 1px; background-color: #d6d6d6; left: 0px; top: 50%; } .alltit .hr::after{ position: absolute; content: ''; width: 35%; height: 1px; background-color: #d6d6d6; right: 0px; top: 50%; } .alltit span{display: block; text-transform: uppercase; text-align: center; font-size: 18px; color: #117374; } .prozhineng .pic {margin-top: 0.5rem} .prozhineng .pic img{float: left; width: 25%; display: block} .zhinenglist{background-color: #f7f7f7; padding: 0.4rem 0px;} .zhinenglist li{float: left; width: 48%; padding: 10px; background-color: #fff; margin-top: 0.3rem; transition: 0.4s;} .zhinenglist li:nth-of-type(2n+2){float: right;} .zhinenglist li .pic{float: left; width: 35%; } .zhinenglist li .pic>div{position: relative; padding: 66% 0px;} .zhinenglist li .pic img{position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; object-fit: cover} .zhinenglist li .pic span{ position: absolute; top: 0px; left: 0px; height: 30%; background: url('../images/zhinenglist.png')no-repeat center center; background-size: 100% 100%; width: 100%; z-index: 5; display: flex; justify-content: center; align-items: center; font-size: 20px; color: #fff } .zhinenglist li .words{float: right; width: 60%; padding-right: 0.25rem;} .zhinenglist li .words h6{font-size: 18px; color: #117374; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; padding: 0.5rem 0px; border-bottom: 1px solid #dfdfdf; margin-bottom: 0.3rem} .zhinenglist li .words p{font-size: 14px; color: #494747; line-height: 20px; height: 82px; overflow: hidden;} .zhinenglist li .words span{display: block; text-align: right; color: #117374} .zhinenglist li:hover{box-shadow: 0 0 10px rgba(0, 0, 0, .4)} .zhineng{background-color: #f7f7f7; padding: 0.4rem 0px;} .newsv{float: left; width: 73%; background-color: #fff; padding: 0.25rem;} .newsl{float: left; width: 70%;} .fafa .fa {margin-right: 20px; float: left; line-height: 30px;} .fafa .fa::before {margin-right: 5px;} .fafa {font-size: 14px;color: #748594;} .newsv h1{font-size: 18px; font-weight: bold; color: #383838; padding-bottom: 15px;} .newsv .bdsharebuttonbox{float: left; margin: 0px;} .newsv .words{margin-top: 20px; padding-bottom: 0.25rem; border-bottom: 1px dotted #117374} .newsv .page{padding: 0.35rem 0px;} .newsv .page .a { font-size: 14px; line-height: 26px; color: #7d7d7d; display: block; transition: 0.4s; } .newsv .page .a:hover{color: #117374} .newsv .page>div{float: left;} .newsv .page .goback{ width: 100px; height: 42px; display: block; font-size: 14px; line-height: 42px; background-color: #117374; text-align: center; transition: 0.3s; float: right; color: #fff; border-radius: 10px; border: 1px solid #117374; } .newsv .page .goback:hover{ background-color: transparent; color: #117374} .newsr{float: right; width: 25.5%; background-color: #fff} .newsr>div{padding: 15px;} .newsr h5{ color: #117374; padding: 0.1rem 0px 15px; border-bottom: 1px solid #eee; font-size: 14px; font-weight: bold;} .newsr a{display: block; padding: 0.20rem 0px; border-bottom: 1px solid #ddd} .newsr a p{font-size: 14px; line-height: 30px; color: #383838; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; transition: 0.4s;} .newsr a p:hover{color: #117374} .newsr a span{font-size: 14px; line-height: 30px; color: #7d7d7d; } .redlist li{float: left; width: 32%; margin-right: 2%; padding: 3.3rem 0.2rem 0px;} .redlist li:nth-of-type(3n+3){margin-right: 0px;} .redlist li:nth-of-type(1){background: url('../images/red_pic1.png')no-repeat top center; background-size: cover} .redlist li:nth-of-type(2){background: url('../images/red_pic2.png')no-repeat top center; background-size: cover} .redlist li:nth-of-type(3){background: url('../images/red_pic3.png')no-repeat top center; background-size: cover} .redlist li:nth-of-type(4){background: url('../images/red_pic4.png')no-repeat top center; background-size: cover} .redlist li:nth-of-type(5){background: url('../images/red_pic5.png')no-repeat top center; background-size: cover} .redlist li:nth-of-type(6){background: url('../images/red_pic6.png')no-repeat top center; background-size: cover} .redlist li:nth-of-type(7){ margin-top: 20px; background: url('../img/2023/red_pic7.jpg')no-repeat top center; background-size: cover} .redlist li:nth-of-type(8){ margin-top: 20px;background: url('../img/2023/red_pic8.jpg')no-repeat top center; background-size: cover} .redlist li:nth-of-type(9){ margin-top: 20px;background: url('../img/2023/red_pic9.jpg')no-repeat top center; background-size: cover} .redlist li:nth-of-type(10){ margin-top: 20px;background: url('../img/2023/red_pic10.jpg')no-repeat top center; background-size: cover} .redlist li h5{font-size: 40px; margin-bottom: 10px; line-height: 100%; padding-bottom: 10px; border-bottom: 1px solid #fff; position: relative; font-weight: bold; color: #fff} .redlist li h5::before{ position: absolute; left: 0px; bottom: -2px; height: 3px; background-color: #fff; content: ''; width: 120px; } .redlist li h6 { font-size: 20px; margin-bottom: 0.35rem; line-height: 100%; color: #fff; font-family: Arial; } .redlist li p { font-size: 14px; margin-bottom: 10px; line-height: 24px; color: #fff; } .redlist li p.zh{height: 120px; overflow: hidden;} .redlist li p.en{height: 280px; overflow: hidden; margin-bottom: 0px;} .redlist .pic{ background: url('../images/red_pic7.jpg')no-repeat center left; width: 100%; height: 3.19rem; min-height: 166px; background-size: cover; margin: 0.3rem 0px; float: left; } .zhao1 ul{margin-top: 0.4rem; margin-bottom: 20px; display: flex; justify-content: center;} .zhao1 ul li { width: 160px; margin: 0 0.35rem; height: 150px; overflow: hidden; border: 2px solid #117374; display: flex; flex-direction: column; justify-content: center; text-align: center; transition: 0.4s; color: #494747; cursor: pointer; } .zhao1 ul li::before { width: 100%; height: 70px; margin-bottom: 10px; content: ''; display: block; position: relative; } .zhao1 ul li:nth-of-type(1)::before{background: url('../images/zhao_pic1.png')no-repeat center center;} .zhao1 ul li:nth-of-type(2)::before{background: url('../images/zhao_pic2.png')no-repeat center center;} .zhao1 ul li:nth-of-type(3)::before{background: url('../images/zhao_pic3.png')no-repeat center center;} .zhao1 ul li:nth-of-type(4)::before{background: url('../images/zhao_pic1.png')no-repeat center center;} .zhao1 ul li:hover{background-color: #117374; color: #fff} .zhao1 ul li:hover::before{filter: drop-shadow(rgb(255, 255, 255) 0px 146px 0px); top: -100%;} .zhao1 ul li.act::before{filter: drop-shadow(rgb(255, 255, 255) 0px 146px 0px); top: -100%;} .zhao1 ul li.act{background-color: #117374; color: #fff;} .zhao1 .words{padding: 0.3rem; margin: 20px 0px; display: none} .zhao1 .words:nth-of-type(1){display: block} .zhao1 .words p{font-size: 14px; color: #fff; line-height: 30px; text-indent: 2em} .zhao2{background: url('../images/zhao_bg1.jpg')no-repeat center center; min-height: 978px; padding: 0.5rem 0px;} .zhao2 .alltit h5, .zhao2 .alltit span{color: #fff; } .zhao2list{margin-top: 0.3rem} .zhao2list>div{float: left; height: 3.2rem; min-height: 200px; width: 59%; margin-right: 1%; position: relative;} .zhao2list img{position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; object-fit: cover} .zhao2list li{float: left; cursor:pointer;width: 19%; margin-right: 1%; margin-bottom: 20px; position: relative; padding: 0.15rem; height: 3.2rem; min-height: 200px; background-color: #fff; transition: 0.4s;} .zhao2list li:nth-of-type(2), .zhao2list li:nth-of-type(2){margin-right: 0px;} .zhao2list li .pic{padding: 50% 0px; position: relative;} .zhao2list li p{font-size: 16px; color: #494747; text-align: center; padding-top: 15px;} .zhao2list li .words { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; display: flex; justify-content: center; flex-direction: column; padding: 0 0.2rem; background-color: rgba(17,115,116, 0.9); opacity: 0; transition: 0.4s; } .zhao2list li .words h5{color: #fff; margin-bottom: 0.2rem; text-align: center} .zhao2list li .words span{color: #fff; font-size: 14px; line-height: 24px;} .zhao2list li:hover p{opacity: 0;} .zhao2list li:hover{background-color: transparent;} .zhao2list li:hover .words{opacity: 1;} .zhao3{background-color: #f4f4f4; padding: 0.3rem 0px;} .zhao3list{margin-top: 0.5rem;} .zhao3list li{float: left; width: 13%; margin-right: 1.5%; } .zhao3list li:nth-of-type(7){margin-right: 0px;} .zhao3list li h5{width: 100%; line-height: 82px; text-align: center; background-color: #117374; color: #fff; font-size: 20px;} .zhao3list li p{background-color: #fff; padding: 0.2rem; font-size: 14px; color: #494747; line-height: 24px;height: 190px;} .zhao4{background: url('../images/zhao_pic4.jpg')no-repeat center center; height: 139px;} .zhao5{padding-bottom: 20px;} .zhao5 h2{ text-align: center; font-size: 28px; color: #1a1a1a; width: 470px; line-height: 60px; background-color: #fff; margin: 0 auto } .zhao5 h3{ text-align: center; font-size: 18px; color: #fff; text-transform: uppercase; margin-top: 15px; font-family: auto; } .zhao5list{display: flex; justify-content: space-between;} .zhao5list li{float: left; width: 9.3%; margin-top: 0.5rem; min-width: 40px;} .zhao5list li>div{width: 100%; padding: 50% 0px; display: flex; flex-direction: column; justify-content: center; background-color: #fff; border-radius: 50%; color: #117374; position: relative;} .zhao5list li>div p{position: absolute; width: 100%; bottom: 10px; text-align: center} .zhao5list li>div::before{ position: absolute; width: 100%; height: 77%; content: ''; } .zhao5list li:nth-of-type(1)>div::before{background: url('../images/zhao5_1.png')no-repeat center center} .zhao5list li:nth-of-type(2)>div::before{background: url('../images/zhao5_2.png')no-repeat center center} .zhao5list li:nth-of-type(3)>div::before{background: url('../images/zhao5_3.png')no-repeat center center} .zhao5list li:nth-of-type(4)>div::before{background: url('../images/zhao5_4.png')no-repeat center center} .zhao5list li:nth-of-type(5)>div::before{background: url('../images/zhao5_5.png')no-repeat center center} .zhao5list li:nth-of-type(6)>div::before{background: url('../images/zhao5_6.png')no-repeat center center} .zhao5list li span{padding-top: 15px; text-align: center; color: #fff; display: block} .zhao5list:nth-of-type(2){justify-content: center} .zhao5list:nth-of-type(2) li{margin: 0.5rem 4.6%;} .zhao5list:nth-of-type(2) li:nth-of-type(1)>div::before{background: url('../images/zhao5_pic1.png')no-repeat center center} .zhao5list:nth-of-type(2) li:nth-of-type(2)>div::before{background: url('../images/zhao5_pic2.png')no-repeat center center} .zhao5list:nth-of-type(2) li:nth-of-type(3)>div::before{background: url('../images/zhao5_pic3.png')no-repeat center center} .zhao5list:nth-of-type(2) li:nth-of-type(4)>div::before{background: url('../images/zhao5_pic4.png')no-repeat center center} .zhao5list:nth-of-type(2) li:nth-of-type(5)>div::before{background: url('../images/zhao5_pic5.png')no-repeat center center} .zhao6{padding-bottom: 0.5rem} .zhao6 h5, .zhao6 span{color: #fff;} .zhao6 .hr hr{background-color: #fff} .stroeform{margin: 0.5rem 0px;} .stroeform select, .stroeform div.form{float: left; width: 25%; border: 1px solid #cbd3d5; height: 50px;} .stroeform input{width: 70%; border: 0px; height: 100%; padding: 0 10px; float: left;} .stroeform button{width: 30%; height: 100%; transition: 0.4s; display: flex; justify-content: center; float: left; align-items: center; color: #fff; background-color: #117374; border: 0px; } .stroeform button:hover{background-color: #285858} .map_swiper{float: left; width: 38%; border: 1px solid #cbd3d5} .map_swiper .swiper-container{height: 640px;} .map_swiper h5{line-height: 60px; text-align: center; background-color: #fff; color: #696969} .map_swiper h5 span{color: #117374; font-weight: bold;} .map_swiper .swiper-container .swiper-slide{background-color: #fff; border-top: 1px solid #eee; border-bottom: 1px solid #eee} .map_swiper .swiper-slide .words{float: left; width: 50%; padding: 10px;} .map_swiper .swiper-container .swiper-slide.aaa{background-color: #F3F3F3;} .map_swiper .swiper-container .swiper-slide.aaa .words h6 i{background-color: #117374;} .map_swiper .swiper-slide .words h6 { font-size: 16px; line-height: 30px; color: #3c3c3c; position: relative; padding-left: 40px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis } .map_swiper .swiper-slide .words h6 i { font-style: normal; border-radius: 50%; transition: 0.4s; display: inline-block; margin-right: 0.1rem; width: 30px; height: 30px; display: flex; justify-content: center; align-items: center; color: #fff; background-color: #c2c2c2; position: absolute; left: 0px; top: 0px; } .map_swiper .swiper-slide .words p { padding-left: 40px; font-size: 14px; color: #696969; line-height: 20px; height: 60px; margin-top: 5px; } .map_swiper .swiper-slide .words span { padding-left: 40px; font-size: 14px; color: #696969; display: block; } .map_swiper .swiper-slide .pic{float: right; width: 50%; padding: 10px; height: 100%;} .map_swiper .swiper-slide .pic img{height: 100%; width: 100%; object-fit: cover} .map_swiper .swiper-prev, .map_swiper .swiper-next{ float: left; width: 50%; height: 60px; display: flex; justify-content: center; align-items: center; font-size: 40px; } .map_swiper .swiper-prev{background-color: #c2c2c2; color: #fff;outline: none;} .map_swiper .swiper-next{background-color: #d9d9d9; color: #868686;outline: none;} .map_swiper .swiper-prev:hover ,.map_swiper .swiper-next:hover{background-color: #117374;color: #ffffff;} .change_map1{float: right; width: 61%; height: 702px;} .stroemap #allmap, .stroemap{width: 100%; height: 100%;} .zhao7{padding: 0.5rem 0px 0px;;} .zhao7 .layout>.clearfix{position: relative; margin-top: 0.25rem} .zhao7_l{float: left; width: 49%; background-color: #fff; padding: 0.2rem;} .zhao7_l .zhao7_l1{float: left; height: 42px; margin-bottom: 15px; width: 100%; display: flex; justify-content: center; align-items: flex-start} .zhao7_l .zhao7_l1 p{height: 100%; width: 80px; display: flex; justify-content: flex-end; align-items: center; padding-right: 1%; color: #696969; font-size: 14px;} .zhao7_l .zhao7_l1 input{height: 100%; flex-grow: 1; } .zhao7_l .zhao7_l1:nth-of-type(1), .zhao7_l .zhao7_l1:nth-of-type(2){width: 50%;} .zhao7_l .ver_code {border-bottom: 0 !important;} .zhao7_l .ver_code > p { display: inline-block; font-size: 18px; } .zhao7_l .ver_code .code-box { vertical-align: bottom; display: inline-block; position: relative; padding: 0 10px; width: 240px; height: 40px; color: #fff; text-shadow: 1px 1px 1px black; background: rgba(0, 0, 0, 0.16); border: 0; border-radius: 5px; outline: none; box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.3), 0 1px rgba(255, 255, 255, 0.06); } .zhao7_l .ver_code .code-box p, .zhao7_l .ver_code .code-box span { margin-top: 0 !important; color: #fff !important; display: block; position: absolute; left: 0; height: 40px; text-align: center; line-height: 40px; border-radius: 5px; } .zhao7_l .ver_code .code-box span { width: 40px; font-family: "瀹嬩綋"; font-size: 16px; cursor: pointer; background: #fff; } .zhao7_l .form_btn { display: flex; justify-content: flex-end;} .zhao7_l .form_btn input { width: 1.28rem; height: 50px; min-width: 100px; margin-right: 10px; cursor: pointer; } .zhao7_l .form_btn .form_submit { color: #fff; background: #117374; border: 0; } .zhao7_l .form_btn .form_submit_default { background: #d1d1d1; color: #fff; } .zhao7_l .form_btn .form_reset { border: 0; background: #d1d1d1; color: #fff; } .zhao7_swiper{padding: 0.25rem 0px;} .zhao7_swiper .swiper-slide{ color: #696969; padding-left: 10px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; position: relative; font-size: 14px;} .zhao7_swiper .swiper-slide::before{ position: absolute; width: 4px; height: 4px; border-radius: 50%; background-color: #117374; left: 0px; top: 50%; margin-top: -2px; content: ''; } .zhao7 .bpic{position: absolute; width: 49%; right: 0px; top: 0px; bottom: 0px; height: 100%;} .newshot .pic{float: left; width: 41%; padding: 15.4% 0px; position: relative;} .newshot .pic img{ width: 100%; height: 100%; object-fit: cover; position: absolute; top: 0px; left: 0px; } .newshot .words{float: right; width: 55%;} .newshot .words h5{font-size: 18px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; line-height: 30px; color: #383838; padding: 0.25rem 0px 5px;} .newshot .words span{font-size: 16px; line-height: 30px; color: #117374} .newshot .words p{font-size: 14px; line-height: 30px; color: #7d7d7d; margin-top: 0.2rem; height: 120px; overflow: hidden;} .newshot .words .eye { background: url('../images/eye.png')no-repeat center center; width: 100%; height: 60px; background-color: #117374; margin-top: 10px; } .newshot:hover .words h5{color: #117374} .newslist li{padding: 0.25rem 0px; border-bottom: 1px dotted #117374} .newslist .words{float: left; width: 66%;} .newslist .words h5{font-size: 16px; font-weight: bold; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; line-height: 30px; color: #383838; transition: .5s;} .newslist .words p{font-size: 14px; line-height: 30px; color: #7d7d7d; overflow: hidden;} .newslist .words span{font-size: 14px; line-height: 30px; color: #7d7d7d; } .newslist .pic{float: right; width: 34%; padding: 11% 0px; position: relative;} .newslist li:hover .words h5{color: #117374;} .newslist .pic img{ width: 100%; height: 100%; object-fit: cover; position: absolute; top: 0px; left: 0px; } .serviceidea{background-color: #fff; padding: 0.3rem 0.75rem} .serviceidea h1{font-size: 28px; line-height: 30px; color: #117374; margin-bottom: 0.35rem} .serviceidea p{font-size: 14px; line-height: 30px; color: #494747; } .serviceidea p span{ font-weight: bold; } .serviceteam li{width: 33.3333%; float: left; display: flex; flex-direction: column} .serviceteam li .pic, .serviceteam li .words1{width: 100%; padding: 31.1% 0px; position: relative;;} .serviceteam li .pic img{width: 100%; position: absolute; height: 100%; left: 0px; top: 0px;} .serviceteam li .words{width: 100%; background-color: #FFF; position: absolute; height: 100%; left: 0px; top: 0px; display: flex; justify-content: center; align-items: center; flex-direction: column} .serviceteam li .words::after{content: "\f0d7"; color: #117374; margin-top: 10%} .serviceteam li .words::before{margin-bottom: 10%; color: #117374} .serviceteam li .words h5{font-size: 18px; margin-bottom: 0.15rem} .serviceteam li .words p{font-size: 16px; color: #117374; text-align: center; line-height: 30px;} .serviceteam li:nth-of-type(3n+1) .words::after{visibility: hidden;} .serviceteam li:nth-of-type(3n+3) .words::after{visibility: hidden;} .serviceteam li:nth-of-type(3n+2) .words::before{visibility: hidden;} .serviceteam li:nth-of-type(3n+2){flex-direction: column-reverse} .trueping{background-color: #fff} .trueping .words{padding: 0.6rem 1rem; } .trueping .words h5{font-size: 28px; margin-bottom: 0.5rem; line-height: 30px; position: relative; color: #494747; text-align: center} .trueping .words h5 span{background-color: #fff; position: relative; z-index: 5; padding: 0 0.2rem} .trueping .words h5::before{ position: absolute; content: ''; background-color: #285858; top: 50%; left: 0px; width: 100%; height: 1px; } .trueping .words img{float: left; width: 50%; height: 308px; object-fit: cover} .trueping .words .wrods1{float: left; width: 50%; margin-bottom: 20px;} .trueping .wrods1 h6{height: 46px; padding-left: 0.85rem; font-size: 20px; line-height: 46px; background-color: #117374; color: #fff} .trueping .wrods1>div{width: 100%; padding-right: 0.3rem; border: 1px solid #117374; height: 262px; padding-left: 0.5rem; padding-top: 0.2rem} .trueping .wrods1>div p{font-size: 14px; line-height: 30px; color: #494747; margin-bottom: 0.4rem} .trueping .wrods1>div h3{font-size: 16px; line-height: 150%; font-weight: bold; color: #117374; } .trueping .wrods1>div span{color: #117374; font-weight: bold;} .cont1>a{display: block} .cont1 .pic{float: left;margin-right: 0.36rem; font-size: 14px; color: #494747; text-align: center; margin-top: 20px;width: 46%;} .cont1 .pic img{display: block; margin-bottom: 10px;} .cont1 .words{padding: 0.2rem; border-left: 1px solid #bfbfbf; display: inline-block;float: left; margin-top: 20px;} .cont1 .words p{line-height: 30px; font-size: 16px; color: #494747; } .join_con{margin: 0.35rem 0 ;} .join_con dl{background-color: #285858; margin-bottom: 0px;padding: 15px 0} .join_con dd{float: left; width: 20%; text-align: center; font-size: 16px; color: #fff;} .join_con li dl{margin-top: 0px; transition: 0.4s; background-color: #f7f7f7; border: 1px solid #e9e9e9; padding: 15px 0;} .join_con li dl:hover{background-color: #117374} .join_con li dl:hover dd{color: #fff;} .join_con li dd{color: #4e4e4e;} .join_con li.li_act dl{background-color: #117374} .join_con li.li_act dd{color: #fff;} .join_con dd i{color: #000} .join_con li .words{padding: 0.5rem 0.85rem 0.2rem; background: #fff; display: none} .join_con li .words1{border-bottom: 1px solid #b1b1b1; padding-bottom: 0.4rem; position: relative} .join_con li h5{font-size: 18px; line-height: 30px; color: #313232;} .join_con li p{font-size: 14px; line-height: 30px; color: #5e5d5d;} .join_con li .words1>div{float: left; width: 50%;} .join_con li .words1 div:nth-of-type(2){padding-left: 0.65rem;} .join_con li .words1 div:nth-of-type(1){border-right: 1px solid #b1b1b1} .join_con li h3{padding-left: 15px; position: relative; font-size: 14px; line-height: 100%; color: #5e5d5d; margin-top: 15px;} .join_con li h3::before{ background-color: #0d7944; width: 7px; height: 7px; top: 4px; left: 0px; position: absolute; content: ''; border-radius: 4px; } .join_con li .more{ width: 130px; height: 40px; background-color: #5a1318; text-align: center; color: #fff; line-height: 40px; font-size: 16px; margin: 20px 0px 0px;; display: block; float: left; position: relative; padding-left: 20px; border-radius: 30px; transition: 0.2s; } .join_con li .more::before{ position: absolute; height: 28px; width: 28px; top: 50%; margin-top: -14px; left: 7px; background-color: #fff; border-radius: 50%; transition: 0.2s; content: ''; } .join_con li .more span{position: relative; z-index: 55;} .join_con li .words{display: none} .join_con .li_act i{transform: rotateX(180deg)} .join_con li .words .bdsharebuttonboxpro{float: right; margin: 20px 0px 0px; padding-top: 0px; border: 0px;} .join_con li .more:hover{color: #000; padding-left: 0px} .join_con li .more:hover::before{width: 117px; border-radius: 20px; } .join_con li .joinp{margin-top: 0.2rem; color: #117374} .foo a>img{ -webkit-user-select:none; -moz-user-select:none; -o-user-select:none; user-select:none; } /*=================鍐呴〉鏍峰紡 缁撴潫=======================*/ /*=================閮ㄥ垎鍏叡鏍峰紡 寮€濮婟=========================*/ .wrapper { width: 100%; min-width: 320px; margin: auto; overflow: hidden; } .layout { box-sizing: border-box; width: 100%; max-width: 1400px; margin-left: auto; margin-right: auto; } @media only screen and (max-width: 1400px){.layout{padding-left: 15px !important; padding-right: 15px !important;}} .layout1200 { box-sizing: border-box; width: 100%; max-width: 1200px; margin-left: auto; margin-right: auto; } @media only screen and (max-width: 1200px){.layout1200{padding-left: 15px !important; padding-right: 15px !important;}} .clearfix::after{ clear: both; content: ''; width: 0px; height: 0px; overflow: hidden; display: block; } .ulclearfix ul::after { display: block; overflow: hidden; clear: both; width: 0px; height: 0px; content: ''; } .liclearfix li::after { display: block; overflow: hidden; clear: both; width: 0px; height: 0px; content: ''; } .phone-img{display: none;} /* 妫€娴嬩腑蹇僪tml 鏍峰紡*/ .ce_box1{ display: flex; justify-content: space-between; flex-wrap: wrap; } .ce_box1_left{ width:50%; } .ce_box1_left h4{ font-size: 28px; font-weight: bold; } .ce_box1_left h3{ font-size: 28px; font-weight: normal; color: #285858; padding: 3% 0 5% 0; } .ce_box1_left p{ text-indent: 36px; font-size: 14px; line-height: 35px; color: #494747; } .ce_box1_right{ width: 47%; } .ce_box1_right img{ width: 100%; height: 100%; object-fit: cover; } .ce_box2_a1{ background: #efefef; } .ce_box2_a{ padding: 2% 0 ; } .ce_box2_a h4{ font-size: 28px; font-weight: bold; } .ce_box2_a h3{ font-size: 28px; font-weight: normal; padding-top:1%; color: #285858; } .ce_box2_b{ position: relative; padding: 0 8%; } .ce_box2_b .swiper-prev{ position: absolute; width:106px; height: 123px; top:38%; outline: none; margin-top: -25px; background-color: #106162; font-size: 40px; z-index: 11; color: #ffffff; cursor: pointer; display: flex; justify-content: center; align-items: center; left: 0; } .ce_box2_b .swiper-next{ right: 0; position: absolute; outline: none; width:106px; height: 123px; top: 38%; margin-top: -25px; background-color: #106162; font-size: 40px; z-index: 11; color: #ffffff; cursor: pointer; display: flex; justify-content: center; align-items: center; } .ce_box2_b1{ background: #285858; } .ce_box2_b .swiper-container{ padding:3% 0; } .ban_te{ text-align: center; font-size: 16px; font-weight:bold; color: rgb(255, 255, 255); } .ban_te .ban_temin{ font-size: 14px; font-weight: normal; } .ban_te .ban_temin{ padding-top: 5px; } .ce_box2_b .swiper-slide{ font-size: 14px; line-height: 20px; color: #494747; text-align: center; } .ce_box2_b .swiper-slide .pic{ position: relative; padding:41% 0px; margin-bottom: 15px; } .ce_box2_b .swiper-slide .pic img{ position: absolute; top: 0px; left: 0; width: 100%; height: 100%; object-fit: cover; } .ce_box3_a{ display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; } .ce_box3_a_left{ width:25%; padding-bottom: 1%; } .ce_box3_a_left h3{ font-weight: bold; font-size: 28px; } .ce_box3_a_left h4{ color: #106162; font-size: 26px; font-weight: normal; padding-top: 10px; } .ce_box3_a_right{ width:70%; font-size: 14px; } .ce_box3_a_right p{ line-height:28px; } .box_hr{ width: 100%; } .ce_box3 hr{ float: right; height:15px; width: 50%; background: #106162; border: none; margin-top:3%; } .ce_box3_b{ display: flex; justify-content:space-between; flex-wrap: wrap; margin-top: 1%; background: url(../images/ce_box3_bg.png) no-repeat center center; background-size: cover; border: 1px solid #106162; } .ce_box3_ba{ width: 47%; padding: 16% 0; position: relative; } .ce_box3_ba img{ position: absolute; left: 4%; top:4%; width: 92%; height: 92%; object-fit: cover; } .ce_box3_bb{ width: 48%; padding: 2% 5% 2% 0; } .ce_box3_bb ul li{ } .ce_box3_bb ul li h3{ font-size: 20px; position: relative; font-weight: bold; color: #106162; padding-left: 4%; } .ce_box3_bb ul li h3::before{ position: absolute; content: ''; top: 23%; background-color: #437474; left: 0px; width: 15px; height: 15px; } .ce_box3_bb ul li p{ margin:2% 0; font-size: 14px; padding-left: 4%; line-height: 30px; } .ce_box3_bb ul li p span{ color: #106162; } .ce_box3_c{ text-align: center; margin-top: 3%; } .ce_box3_ca{ font-size: 28px; background: #106162; color: white; } .ce_box3_ca h3 { font-weight: bold; line-height:70px; } .ce_box3_ca h3 span{ font-weight: normal; } .ce_box3_cb{ position: relative; padding: 18% 0; overflow: hidden; width: 100%; } .ce_box3_cb img{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover; } .ce_box4{ margin-bottom: 2%; } .ce_box4_a{ margin: 2% 0; } .ce_box4_a h3{ color: #106162; font-size: 26px; font-weight: normal; } .ce_box4_a h4{ font-size: 28px; font-weight: bold; line-height: 50px; } .ce_box4_b{ margin-top: 3%; } .ce_box4_b ul{ margin-top: 1%; display: flex; flex-wrap: wrap; justify-content: center; align-items: center; text-align: center; } .ce_box4_b ul li{ width: 33.3%; border: 1px solid #aaaaaa; line-height: 60px; background: #f7f7f7; } .ce_box4_b ul li a:focus{ color: white; text-decoration: none; } .ce_box4_b ul li a{ display: block; width: 100%; height: 100%; } .ce_box4_b ul li:nth-child(2){ border-right: none; } .ce_box4_b ul li:nth-child(1){ border-right: none; } .ce_box4_b ul .ce_box4_active{ background: #106162; color: white; } .ce_box4_b dl dd{ padding: 0 2% 3% 2%; border-right: 1px solid #c2c2c2; border-left: 1px solid #c2c2c2; border-bottom: 1px solid #c2c2c2; } .ce_box4_bb1 h3{ text-align: center; font-size: 20px; font-weight: bold; line-height: 120px; color: #106162; } .ce_box4_b h4{ margin-bottom:2%; color: #106162; line-height: 28px; } .ce_box4_bb2 p{ font-size: 14px; line-height: 25px; } .youqing{position: relative; padding-top: 15px;margin-top: 20px; display: block !important; border-top: 1px solid #fff} .youqing dt, .youqing dd{width: 130px; float: left; background-color: #117374; text-align: center; line-height: 38px;font-weight: normal; color: #fff;border-bottom: 1px solid #ddd } .youqing dt{border: 0px; position: relative;} .youqing dt::before { background: url('../images/dt_pic.png')no-repeat 0 0; content: ''; width: 18px; height: 15px; top: 50%; margin-top: -7px; left: 10px; position: absolute; } .youqing dt::after { background: url(../images/dt_pic1.png)no-repeat 0 0; content: ''; width: 8px; height: 5px; top: 50%; margin-top: -2.5px; right: 20px; position: absolute; } .youqing dl div{position: absolute; bottom: 100%; left: 0px; width: 100%; visibility: hidden; opacity: 0; transition: 0.4s;} .youqing dd a{display: block} .youqing dd {background-color: transparent; border-bottom-color: transparent} .youqing dd:hover{border-bottom-color: #fff} .prosernav{position: relative; margin-right: -242px; right: 50%;} .map{width: 100%; height: 4rem; min-height: 250px;} .map #allmap{width: 100%; height: 100%;} .basePic {display: flex; justify-content: space-between; flex-wrap:wrap; margin: 1em auto; max-width: none;} .basePic .swiper-slide:nth-of-type(1), .basePic .swiper-slide:nth-of-type(2){width: 49%; margin-bottom: 20px;} .basePic .swiper-slide:nth-of-type(3), .basePic .swiper-slide:nth-of-type(4), .basePic .swiper-slide:nth-of-type(5){width: 32%} .basePic .swiper-slide>div{position: relative; padding: 35% 0px; display: flex; justify-content: center; align-items: center} .basePic .swiper-slide>div img{ position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; object-fit: cover; } .basePic .swiper-slide>div p{ position: absolute; z-index: 5; color: #fff; transition: 0.4s; } .basePic .swiper-slide>div::before{ position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; content: ''; background-color: rgba(0, 0, 0, .7); z-index: 4; transition: 0.4s; } .wordtop .words{display: block;} .zhao10{ padding-top: 0.5rem} .sore_swiper{margin-top: 15px; margin-bottom: 15px;} .sore_swiper .pic { display: flex; transition: 0.4s; justify-content: center; align-content: center; padding: 48% 0px; position: relative; } .sore_swiper .pic img{ position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; object-fit: cover; } .swiper-pagination_sore_swiper{height: 6px; width: 100%; position: relative;} .sore_swiper .pic p{ position: absolute; z-index: 10; background-color: rgba(0, 0, 0, .4); top: 0px; left: 0px; width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; color: #fff; opacity: 0; transition: 0.4s; } .sore_swiper .pic:hover p{opacity: 1;} .zhao10more{ width: 150px; text-align: center; line-height: 40px; color: #106162; border: 1px solid #106162; margin: 0 auto; cursor: pointer; transition: 0.4s; display: block } .zhao10more:hover{background-color: #106162; color: #fff} .newsl .zhinenglist li .words h6{padding: 0.2rem 0px;} .newsl .zhinenglist {margin-top: 0px; padding-top: 0px;} .newsl .zhinenglist li{margin-top: 0px; margin-bottom: 15px;} .all strong{font-size: inherit} /* 浼佷笟鎶€鏈腑蹇僪tml鏍峰紡 */ .qiye_box1{ background: #f7f7f7; padding-bottom: 35px; } .qiye_box1_a{ text-align: center; padding: 50px 0; } .qiye_box1_a h5{ font-weight: bold; font-size: 28px; } .qiye_box1_a p{ color: #285858; padding-top: 20px; font-size: 28px; } .qiye_box1_b p{ font-size: 14px; line-height: 25px; text-indent: 28px; } .qiye_box2{ padding-bottom: 50px; } .qiye_box2_b{ text-align: center; padding: 0 10px; } .qiye_box3{ background: #f7f7f7; padding: 50px 0 10px 0; } .qiye_box3 h4{ font-size: 24px; font-weight: bold; margin-bottom: 29px; letter-spacing:5px; } .qiye_box3_b ul{ } .qiye_box3_b ul li:nth-child(1){ width: 46%; } .qiye_box3_b ul li{ width: 23%; float: left; margin-right: 1%; margin-bottom: 20px; } .qiye_box3_b ul li:nth-child(1) figure div{ position: relative; padding: 26.5% 0; overflow: hidden; height: 100%; width: 100%; } .qiye_box3_b ul li figure div{ position: relative; padding: 53% 0; overflow: hidden; height: 100%; width: 100%; } .qiye_box3_b ul li figure div img{ position: absolute; width: 100%; height: 100%; object-fit: cover; left: 0; top: 0; transition: 1s; } .qiye_box3_b ul li:hover figure div img{ transform: scale(1.1); } .qiye_box3_b ul li figure figcaption p{ text-align: center; padding: 20px 0; font-size: 16px; } /* 浼佷笟鎶€鏈腑蹇冨唴閮ㄩ珮绾т笓瀹 */ .qiye_box_a{ font-size: 28px; color: white; text-align: center; background: #285858; padding: 45px 0; } .qiye_box_a h4{ font-weight: bold; } .qiye_box_a p{ font-weight: normal; padding-top: 10px; } .qiye_box4_b ul{ margin: 50px 0 64px 0; border-left: 1px solid rgb(170, 170, 170); } .qiye_box4_b ul li{ border-bottom:1px solid rgb(170, 170, 170); } /* .qiye_box4_b ul li:hover{ background: #106162; color: white; } */ .qiye_box4_b ul li:nth-child(1){ background: #117374; color: white; } .qiye_box4_b ul li dl{ display: flex; flex-wrap: wrap; justify-content: space-between; } .qiye_box4_b ul li dl dd{ width: 25%; border-right: 1px solid rgb(170, 170, 170); text-align: center; padding:25px 0; } .qiye_box5{ background: #f7f7f7; } .qiye_box5_b{ margin-top: 45px; } .qiye_box5_bl{ width: 19%; float: left; } .qiye_box5_bl ul li{ cursor: pointer; display: flex; background: #eeeeee; justify-content: space-between; align-items: center; font-size: 16px; margin: 0 5px; margin-bottom: 10px; height: 80px; overflow: hidden; position: relative; } .qiye_box5_bl ul .ji_b2_active{ background: #106162; color: white; z-index: 1541; } .qiye_box5_bl ul .ji_b2_active::before{ filter: drop-shadow(rgb(255, 255, 255) 0px 100px 0px); top: -100px; } .qiye_box5_bl ul li p{ width:66%; } .qiye_box5_bl ul li::before{ width: 50px; height: 40px; content: ''; display: block; position: relative; margin-left: 34px; } .qiye_box5_bl ul li:nth-child(1)::before{ background: url(../img/hexinjieshu.png) no-repeat center center; } .qiye_box5_bl ul li:nth-child(2)::before{ background: url(../img/chanxueyan.png) no-repeat center center; } .qiye_box5_br{ float: right; width:80%; } .qiye_box5_br .qiye_box5_bra1{ padding-bottom: 30px; } .qiye_box5_br1{ padding-top: 30px; } .qiye_box5_br11{ background: white; padding-left: 60px; padding-right: 80px; padding-bottom: 30px; } .qiye_box5_br1 p{ font-size: 14px; line-height: 30px; } .qiye_box5_br1 h4{ position: relative; font-weight: bold; width: 100%; color: #117374; padding-left: 90px; line-height: 50px; margin-bottom: 20px; } .qiye_box5_br1 h4 i{ width: 130px; height: 100%; position: absolute; top: 0px; left: 0px; content: ''; background-position: left center; background-repeat: no-repeat; } .qiye_box5_br2{ background: white; padding: 40px 50px 0 50px; } .qiye_box5_br2 p{ line-height: 30px; font-size: 14px; } .qiye_box5_br2 ul{ padding: 30px 0; } .qiye_box5_br2 ul li{ width: 20%; float: left; border: 1px solid #8b8b8b; } .qiye_box5_br2 ul li div{ width: 100%; padding: 38% 0; height: 100%; position: relative; } .qiye_box5_br2 ul li div img{ position: absolute; left: 0; top: 0; object-fit: cover; width: 100%; height: 100%; } .qiye_box5_br3 ul { border-left: 1px solid rgb(170, 170, 170); margin-top: 24px; } .qiye_box5_br3 ul li dl{ flex-wrap: wrap; display: flex; justify-content: space-between; border-bottom: 1px solid rgb(170, 170, 170); } .qiye_box5_br3 ul li dl dd:nth-child(1){ width: 15%; } .qiye_box5_br3 ul li dl dd:nth-child(4){ width: 12%; } .qiye_box5_br3 ul li dl dd:nth-child(2){ width: 38%; } .qiye_box5_br3 ul li dl dd:nth-child(3){ width: 35%; } .qiye_box5_br3 ul li:nth-child(1){ background: #117374; color: white; } .qiye_box5_br3 ul li dl dd{ padding: 25px 0; text-align: center; font-size: 14px; border-right: 1px solid rgb(170, 170, 170); } .qiye_box5_br4 ul { margin-top: 30px; display: flex; flex-wrap: wrap; justify-content: space-between; } .qiye_box5_br4 ul li{ width:48%; display: flex; flex-wrap: wrap; justify-content: space-between; } .qiye_box5_br4_l{ width: 70%; } .qiye_box5_br4_r{ width:28%; position: relative; } .qiye_box5_br4 ul li h4{ font-size: 14px; font-weight: bold; color: #106162; line-height: 25px; } .qiye_box5_br4_r p{ position: absolute; bottom: 0; background: url(../img/duobianxing.png) no-repeat left center; padding-left: 20px; } .qiye_box6{background: #f7f7f7; padding-bottom: 30px;} .qiye_box6_b{ text-align: center; margin-top: 20px; background: url(../img/qingkuagn_bg.png) no-repeat center center; padding: 35px 0; } .qiye_box6_c1{ border-bottom: 1px solid rgb(172, 172, 172); border-top: 1px solid rgb(172, 172, 172); margin-top: 30px; } .qiye_box6_c ul{ display: flex; flex-wrap: wrap; justify-content: space-between; } .qiye_box6_c ul li{ width: 25%; text-align: center; cursor: pointer; padding:15px 0; border-right: 1px solid rgb(172, 172, 172); } .qiye_box6_c ul li:nth-last-child(1){ border-right: none; } .qiye_box6_d1 ul{ margin: 30px 0; } .qiye_box6_d1 ul li dl{ display: flex; text-align: center; flex-wrap: wrap; justify-content: space-between; border-bottom: 1px solid rgb(172, 172, 172); } .qiye_box6_d1c li:nth-child(1),.qiye_box6_d1a li:nth-child(1),.qiye_box6_d1b li:nth-child(1){ background: #106162; color: white; } .qiye_box6_d1a li dl dd{ width: 33.3%; padding: 21px 0; border-right:1px solid rgb(172, 172, 172); } .qiye_box6_d1a li dl dd:nth-child(1){ border-left: 1px solid rgb(172, 172, 172); } .qiye_box6_d1 ul li dl dd{ text-align: center; } .qiye_box6_dmo { text-align: center; margin: 0 auto; width: 150px; height: 40px; } .qiye_box6_dmo a{ display: block; width: 100%; line-height: 40px; height:100%; color: #106162; border: 1px solid #106162; transition: 1s; } .qiye_box6_dmo a:hover{ color: white; background: #106162; } .qiye_box6_d1b li dl dd:nth-child(1){ width: 7%; border-left: 1px solid rgb(172, 172, 172); } .qiye_box6_d1b li dl dd:nth-child(2){ width: 30%; } .qiye_box6_d1b li dl dd:nth-child(3){ width: 20%; } .qiye_box6_d1b li dl dd:nth-child(4){ width: 24%; } .qiye_box6_d1b li dl dd:nth-child(5){ width: 19%; } /* .qiye_box6_d1b li dl:nth-child(1){ padding: 30px 0; } */ .qiye_box6_d1b li:nth-child(1) dl dd{ padding: 20px 0; } .qiye_box6_d1b li dd{ border-right: 1px solid rgb(172, 172, 172); padding: 10px 0; } .qiye_box6_d1c li dl dd:nth-child(1){ width: 7%; border-left: 1px solid rgb(172, 172, 172); } .qiye_box6_d1c li dl dd:nth-child(2){ width: 9%; } .qiye_box6_d1c li dl dd:nth-child(3){ width: 12%; } .qiye_box6_d1c li dl dd:nth-child(4){ width: 54%; } .qiye_box6_d1c li dl dd:nth-child(5){ width: 18%; } .qiye_box6_d1c li:nth-child(1) dl dd{ padding: 20px 0; } .qiye_box6_d1c li dd{ border-right: 1px solid rgb(172, 172, 172); padding: 15px 0; } .qiye_box6_d1d li{ width: 24%; float: left; margin-right: 1%; margin-top: 10px; text-align: center; } .qiye_box6_d1d li figure div{ position: relative; text-align: center; background: white; overflow: hidden; height: 100%; padding: 30% 0; } .qiye_box6_d1d li figure div img{ position: absolute; width: 100%; height: 100%; left: 0; top: 0; object-fit: contain; transition: 1s; } .qiye_box6_d1d li:hover figure div img{ transform: scale(1.1); } .qiye_box6_d1d li figure figcaption{ padding: 20px 0; } .qiye_box6_c_active{ background: #106162; color: white; } .qiye_box6_d2{overflow: hidden;} .proSpic{padding-top: 5px} .proSpic .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background: #117374;} .provPic li .pic p{ position: absolute; bottom: 0px; z-index: 10; left: 0px; width: 100%; text-align: center; background: #117374; line-height: 36px; color: #fff; }