锘緻charset "utf-8"; html,body{font-family: "Microsoft YaHei","Arial";background: #fff;} /*hide scroll*/ ::-webkit-scrollbar-track-piece { position: fixed;right:0;background-color:#f8f8f8;} ::-webkit-scrollbar {width:0px;height:0px;} ::-webkit-scrollbar-thumb {background:#dddddd;background-clip:padding-box;min-height:28px;} ::-webkit-scrollbar-thumb:hover {background:#bbb;} section{margin:0 auto;} /*澶撮儴鏍峰紡*/ header{margin:0 auto;top:0;left:0;right:0;z-index: 99;text-align: center;transition: all .5s;background: #fff;line-height: 100px;} header .head_top h1{float: left;max-width: 122px;height: 61px;transition: all .5s;} header .head_top .head_right{float: right;font-size: 0;transition: all .5s;} header .head_top .head_right .head_nav, header .head_top .head_right .head_search, header .head_top .head_right .head_lang{display: inline-block;vertical-align: top;} header .head_top .head_right .head_nav ul li{font-size: 18px;color:#10504f;display: inline-block;vertical-align: top;line-height: 100px;transition: all .5s;} header .head_top .head_right .head_nav ul li a{color:#10504f;display: block;margin: 0 25px;} header .head_top .head_right .head_lang{width: 90px;line-height: 30px;border-radius: 30px;background: #e8eeef;color:#384347;font-size: 16px;text-transform: uppercase;margin: 35px auto;transition: all .5s;} header .head_top .head_right .head_search{width: 140px;height: 30px;position: relative;margin: 35px auto;border:1px solid #b4c3c6;border-radius: 30px;margin-right: 20px;transition: all .5s;} header .head_top .head_right .head_search input{width:100%;height:30px;line-height: 30px;border:none;background: none;border-radius: 30px;color:#333;font-size: 14px;text-indent: 1em;position: absolute;left: 0;top: 0;z-index: 2;} header .head_top .head_right .head_search button{position: absolute;right: 0;top: 0;border: none;background: url(../images/search_icon.png) no-repeat center;width: 30px;height:30px;border-radius: 30px;z-index: 3;} header .head_top .head_right .head_lang a{display: block;color:#384347;} .fixeds header{position: fixed;padding-top: 0;background: rgba(255, 255, 255, .8);} /* .fixeds header .head_top .head_right .head_search{border:1px solid #ccc;border-radius: 30px;} */ .fixeds header .head_top h1{line-height: 70px;transition: all .5s;} .fixeds header .head_top .head_right{line-height: 70px;transition: all .5s;} .fixeds header .head_top .head_right .head_nav ul li{line-height: 70px;transition: all .5s;} .fixeds header .head_top .head_right .head_search{margin: 20px 20px 20px 0;transition: all .5s;} .fixeds header .head_top .head_right .head_lang{margin: 20px auto;transition: all .5s;} /*搴曢儴鏍峰紡*/ footer{margin: 0 auto;width:100%;overflow: hidden;background: url(../images/footer_bg.jpg) no-repeat bottom center #10504f;background-size: cover;} footer .foot_top .foot_topl{max-width: 200px;width: 15%;} footer .foot_top .foot_topl .yyui_tab{margin:20px;} footer .foot_top .foot_topl .yyui_tab>ul>li{width:36px;height:36px;display: inline-block;vertical-align: top;background: rgba(255, 255, 255, .12);text-align: center;border-radius: 50%;margin-right: 10px;} footer .foot_top .foot_topl .yyui_tab>ul>li .current{background: rgba(255, 255, 255, .6);} footer .foot_top .foot_topl .yyui_tab>ul>li a::after{content: "";display: block;width: 18px;height:18px;overflow: hidden;margin: 9px auto;} footer .foot_top .foot_topl .yyui_tab>ul>li:nth-child(1) a::after{background: url(../images/wx_icon.png) no-repeat;} footer .foot_top .foot_topl .yyui_tab>ul>li:nth-child(2) a::after{background: url(../images/wb_icon.png) no-repeat;} footer .foot_top .foot_topl .yyui_tab>ul>li:nth-child(1) a.current::after{background-position:-18px 0;} footer .foot_top .foot_topl .yyui_tab>ul>li:nth-child(2) a.current::after{background-position:-18px 0;} .content{width: 110px;} .content .pics{width:110px;height:110px;overflow: hidden;margin: 15px auto 0;} footer .foot_top .foot_topc{max-width: 740px;width: 55%;} footer .foot_top .foot_topc dl{display: inline-block;vertical-align: top;margin:20px 4.5% 0;} footer .foot_top .foot_topc dl dt{font-size: 18px;line-height: 34px;color:#fff;} footer .foot_top .foot_topc dl dt a{color:#fff;} footer .foot_top .foot_topc dl dt::after{content: "";display: block;width: 20px;height:1px;background: #6eb92b;margin: 15px 0;} footer .foot_top .foot_topc dl dd{font-size: 14px;line-height: 34px;color:#88a0a1;} footer .foot_top .foot_topc dl dd a{color:#88a0a1;} footer .foot_top .foot_topr{max-width: 300px;width: 23%;} footer .foot_top .foot_topr p{font-size: 18px;line-height: 34px;color:#f3f6f9;margin: 20px auto 10px;} footer .foot_top .foot_topr strong{font-size: 36px;line-height: 30px;font-weight: bold;font-family: Arial;color:#f3f6f9;} footer .foot_top .foot_topr span{font-size: 14px;line-height: 28px;color:#839c9d;} footer .foot_top .foot_topr span em{font-size: 14px;line-height: 28px;color:#fff;display: block;} footer .foot_btm{background: rgba(10, 61, 64, .3);} footer .foot_btm p{font-size: 14px;line-height: 24px;padding:20px 0;color:#fff;opacity: .3;text-align: center;} footer .foot_btm p a{color:#fff;display: inline-block;margin-left: 10px;} /*banner鏍峰紡*/ .banner{position: relative;overflow: hidden;height:720px;} .banner .swiper-container-banner .swiper-slide a{display: block;height: 720px;transition: all 5s;} .banner .swiper-container-banner .swiper-slide-active a{transform: scale(1.1) !important;transition: all 4s;} .banner .swiper-container-banner .swiper-pagination-banner{position: absolute;bottom: 11vh;left: 0;right: 0;margin: 0 auto;z-index: 33;text-align: left;} .banner .swiper-container-banner .swiper-pagination-banner .swiper-pagination-bullet{width:40px;height:40px;background:url(../images/ban_icon_01.png) no-repeat center;opacity: 1;border-radius: 40px;border:1px solid rgba(1, 95, 86, 0);} .banner .swiper-container-banner .swiper-pagination-banner .swiper-pagination-bullet-active{position: relative;opacity: 1;background:url(../images/ban_icon_02.png) no-repeat center;border:1px solid rgba(1, 95, 86, .4);} .banner .swiper-container-banner .swiper-button-prev, .banner .swiper-container-banner .swiper-button-next{width: 60px;height:120px;border-radius: 120px 0 0 120px;border:1px solid #10504f;} .banner .swiper-container-banner .swiper-button-prev{left: 0%;transform: rotateY(180deg);} .banner .swiper-container-banner .swiper-button-next{right:0%;} .banner .swiper-container-banner .swiper-button-prev::after, .banner .swiper-container-banner .swiper-button-next::after{display: none;} .banner .swiper-container-banner .bar{position: absolute;bottom: 0;left: 0;right: 0;margin: 0 auto;text-align: left;} .mains h3{font-size: 34px;line-height: 40px;color:#333;text-align: left;} .mains .title{text-align: center;} .mains .title .cn{font-size: 48px;color:#005e55;font-weight: bold;} .mains .title .en{font-size: 68px;font-family: Arial;text-transform: uppercase;font-weight: bold;color:rgba(0, 94, 85, 0.08);margin-top:-25px;} .mains .title .more{float: right;font-size: 14px;line-height: 30px;color:#333;margin-top: -40px;position: relative;z-index: 2;border:1px solid #a6a8aa;width: 160px;line-height: 40px;border-radius: 40px;} .mains .title .more:hover{background: #005e55;color:#fff;} .mains .title .more:hover a{color:#fff;} .mains .title .more:hover a img{display: none;} .ceo{box-sizing: border-box;} .ceo_left{max-width:650px;width: 48.5%;} .ceo_left .tit{font-size: 36px;color:#333;} .ceo_left .txt{font-size: 14px;line-height: 28px;color:#666;margin:20px auto;} .ceo_left .more{font-size: 14px;line-height: 24px;color:#333;} .ceo_item{margin-top: 30px;} .ceo_item ul li{width: 200px;line-height: 60px;text-align: center;display: inline-block;vertical-align: top;font-size: 16px;} .ceo_item ul li a{display: block;background: #f3f3f3;color:#10504f;border-radius: 60px;} .ceo_item ul li a span{width: 20px;height:20px;overflow: hidden;display: inline-block;vertical-align: middle;transition: all .75s;} .ceo_item ul li:nth-child(1) a span{background: url(../images/ceo_item_01.png) no-repeat;} .ceo_item ul li:nth-child(2) a span{background: url(../images/ceo_item_02.png) no-repeat;} .ceo_item ul li:nth-child(3) a span{background: url(../images/ceo_item_03.png) no-repeat;} .ceo_item ul li a.active, .ceo_item ul li a:hover{background: #015f56;color:#fff;} .ceo_item ul li a.active span, .ceo_item ul li a:hover span{background-position: -20px 0;transition: all .75s;} .ceo_right{max-width: 654px;height:343px;overflow: hidden;position: relative;width: 48.81%;} .ceo_right .icon{position: absolute;top: 50%;left: 0;right: 0;margin: -50px auto 0;display: block;width: 100px;height:100px;cursor: pointer;} .field_lists .mySwiper{font-size: 0;margin:0px auto;overflow: hidden;position: relative;height:320px;} .field_lists .mySwiper .swiper-slide{width: 305px;height:300px;display: inline-block;vertical-align: top;border-radius: 10px;overflow: hidden;position: relative;} .field_lists .mySwiper .swiper-slide:hover{box-shadow: 0 10px 10px rgba(1, 95, 86, .4);} .field_lists .mySwiper .swiper-slide .pic{width:100%;height: 300px;} .field_lists .mySwiper .swiper-slide .pic img{width: 100%;height:100%;} .field_lists .mySwiper .swiper-slide .tct{width: 100%;height:300px;position: absolute;top: 0;left: 0;right: 0;z-index: 2;padding:40px;box-sizing: border-box;transition: all .75s;overflow: hidden;} .field_lists .mySwiper .swiper-slide .tct .tit{font-size: 30px;height: 30px;line-height: 30px;color:#fff;} .field_lists .mySwiper .swiper-slide .tct .txt{font-size: 16px;line-height: 30px;color:#fff;opacity: .7;margin: 20px auto;opacity: 0;} .field_lists .mySwiper .swiper-slide .tct .mores{font-size: 16px;line-height: 30px;color:#fff;opacity: 0;} .field_lists .mySwiper .swiper-slide:hover .tct{background: rgba(1, 95, 86, .8);transition: all .75s;} .field_lists .mySwiper .swiper-slide:hover .tct .txt, .field_lists .mySwiper .swiper-slide:hover .tct .mores{opacity: 1;transition: all 2s;} .field_lists .mySwiper .swiper-button-next::after, .field_lists .mySwiper .swiper-button-prev::after{font-size: 24px;color:#fff;} /* .stop .stop_list ul{font-size: 0;} .stop .stop_list ul li{display: inline-block;vertical-align: top;width:14.2%;max-width:190px;height:190px;position: relative;text-align: center;border-radius: 50%;border-radius: 10px;overflow: hidden;;} .stop .stop_list ul li::before{content: "";display: block;position: absolute;top: 0;left: 0;right:0;width: 100%;max-width:190px;height:190px;overflow: hidden;background: url(../images/stop_list_bg.png) no-repeat; background-size: cover;text-align: center;z-index: -1;border-radius: 50%;} .stop .stop_list ul li:nth-child(1)::before{background: #005e55;} .stop .stop_list ul li:nth-child(2)::before{background: #01737e;} .stop .stop_list ul li:nth-child(3)::before{background: #00809d;} .stop .stop_list ul li:nth-child(4)::before{background: #26a0bb;} .stop .stop_list ul li:nth-child(5)::before{background: #01b0a8;} .stop .stop_list ul li:nth-child(6)::before{background: #3d8fa0;} .stop .stop_list ul li:nth-child(7)::before{background: #005e55;} .stop .stop_list ul li:nth-child(even)::before{transform: scale(.8);} .stop .stop_list ul li span{display: block;} .stop .stop_list ul li .ico{width: 60px;height:60px;overflow: hidden;margin: 35px auto 10px;transition: all 1s;} .stop .stop_list ul li:hover .ico{transform: scale(1.1);transition: all 1s;} .stop .stop_list ul li .tit{font-size: 22px;color:#fff;line-height: 36px;} .stop .stop_list ul li:nth-child(even)::after{content: "";display: block;width:44px;height: 44px;background: url(../images/stop_list_icon.png) no-repeat center;background-size: cover;border-radius: 50%;position: absolute;bottom: -30px;left: 0;right:0;margin: 0 auto;} .stop .stop_list ul li:nth-child(2)::after, .stop .stop_list ul li:nth-child(6)::after{bottom: -30px;} .stop .stop_list ul li:nth-child(4)::after{top: -30px;} .stop .stop_list ul li:nth-child(2) .q, .stop .stop_list ul li:nth-child(6) .q{width: 190px;height:95px;overflow: hidden;transform: rotate(180deg);position: absolute;left: 0;right:0;bottom: 0;margin: 0 auto;} .stop .stop_list ul li:nth-child(2) .q::after, .stop .stop_list ul li:nth-child(4) .q::after, .stop .stop_list ul li:nth-child(6) .q::after{content: "";display: block;border-bottom:2px solid #005e55;border-left: 2px solid #005e55;border-radius: 190px;width:190px;height: 190px;overflow: hidden;transform: rotate(123deg);box-sizing: border-box;} .stop .stop_list ul li:nth-child(4) .q{transform: rotate(0deg);top: 0;bottom: auto;position: absolute;left: 0;right:0;margin: 0 auto;width: 190px;height:95px;overflow: hidden;} .stop .mores{width: 160px;line-height: 45px;text-align: center;background: #005e55;border:1px solid #005e55;border-radius: 45px;display: block;font-size: 14px;color:#fff;transition: all 1s;margin: 0 auto;} .stop .mores:hover{width: 180px;transition: all 1s;} .stop .mores img{margin-left:15px;} */ .idea_list .yyui_tab{background: url(../images/idea_list_bg.png) no-repeat center;height:347px;margin-top: 170px;position: relative;} .idea_list .yyui_tab>ul>li{position: absolute;font-size: 24px;line-height: 40px;color:#333;cursor: pointer;} .idea_list .yyui_tab>ul>li::after, .idea_list .yyui_tab>ul>li::before{content: "";display: block;margin: 10px auto;transition: all .5s;} .idea_list .yyui_tab>ul>li::after{width: 1px;height:50px;border-left:1px dashed #10504f;} .idea_list .yyui_tab>ul>li::before{width: 32px;height:32px;background: url(../images/idea_list_icon.png) no-repeat;} .idea_list .yyui_tab>ul>li.yyui_tab_title_this{color:#10504f;font-weight: bold;} .idea_list .yyui_tab>ul>li.yyui_tab_title_this::before{transform: scale(1.1);transition: all .5s;} .idea_list .yyui_tab>ul>li:nth-child(1){left: 8%;top: -15%;} .idea_list .yyui_tab>ul>li:nth-child(2){left: 15%;top: 26%;} .idea_list .yyui_tab>ul>li:nth-child(3){right: 8%;top: -15%;} .idea_list .yyui_tab>ul>li:nth-child(4){right: 15%;top: 26%;} .idea_list .yyui_tab .yyui_tab_content_this{max-width: 420px;height:220px;overflow: hidden;margin: -130px auto 0;border-radius: 10px;box-shadow: 0 3px 10px #bbb;} .idea_list .yyui_tab .yyui_tab_content{display: none;} .history{height:780px;box-sizing: border-box;} .history h3{text-align: left;} .history .txt{font-size: 22px;line-height: 28px;max-width: 250px;margin: 20px 0;} .history .mores{width: 160px;line-height: 45px;text-align: center;border:1px solid #fff;border-radius: 45px;display: block;font-size: 14px;color:#fff;transition: all 1s;} .history .mores:hover{width: 180px;transition: all 1s;} .history .mores img{margin-left:15px;} .history_lists{position: relative;max-width: 640px;margin: 0 auto;} .history_lists .yyui_tab{max-width: 640px;margin: -100px auto;position: relative;} .history_lists .yyui_tab>ul>li{font-size: 22px;line-height: 30px;color:#fff;font-family: Arial;position: absolute;margin: 0 auto;text-align: center;} .history_lists .yyui_tab>ul>li::before{content: "";display: block;width: 16px;height:16px;background: #52a236;border-radius: 50%;border:2px solid #fff;margin: 0 auto 10px;} .history_lists .yyui_tab>ul>li.yyui_tab_title_this::before{background: url(../images/history_list_icons.png)no-repeat;width: 29px;height:35px;border-radius: none;border:none} .history_lists .yyui_tab>ul>li:nth-child(1){bottom: -150px;left: 49%;} .history_lists .yyui_tab>ul>li:nth-child(2){bottom: 20px;left: 4%;} .history_lists .yyui_tab>ul>li:nth-child(3){bottom: 165px;left: 12%;} .history_lists .yyui_tab>ul>li:nth-child(4){bottom: 225px;left: 25%;} .history_lists .yyui_tab>ul>li:nth-child(5){bottom: 240px;left: 46%;} .history_lists .yyui_tab>ul>li:nth-child(6){bottom: 220px;left: 68%;} .history_lists .yyui_tab>ul>li:nth-child(7){bottom: 105px;left: 82%;} .history_lists .yyui_tab .yyui_tab_content{display: none;} .history_lists .yyui_tab .yyui_tab_content_this{width:330px;height:160px;background: rgba(16, 80, 79, .6);border-radius: 10px;margin: 100px auto 0;} .history_lists .yyui_tab .yyui_tab_content_this .mains_text{padding:20px;box-sizing: border-box;overflow-y: scroll;} .cooper .mores{width: 160px;line-height: 45px;text-align: center;border:1px solid #ccc;border-radius: 45px;display: block;font-size: 14px;color:#333;transition: all 1s;margin: 0 auto;} .cooper .mores:hover{width: 180px;transition: all 1s;} .cooper .mores img{margin-left:15px;} .cooper_list ul{position: relative;height:605px;} .cooper_list ul li{width:130px;height:130px;background: #fff;border-radius: 50%;text-align: center;line-height: 130px;font-size: 20px;font-weight: bold;position:absolute;transition: all 1s;overflow: hidden;} .cooper_list ul li:nth-child(1){left: 50%;margin-left:-65px;top: 50%;margin-top: -65px;} .cooper_list ul li:nth-child(2){top: 10%;left: 37%;} .cooper_list ul li:nth-child(3){top: 10%;right: 37%;} .cooper_list ul li:nth-child(4){top: 40%;left: 30%;} .cooper_list ul li:nth-child(5){top: 40%;right: 30%;} .cooper_list ul li:nth-child(6){bottom: 10%;left: 37%;} .cooper_list ul li:nth-child(7){bottom: 10%;right: 37%;} .cooper_list ul li:nth-child(8){top: 15%;left: 23%;} .cooper_list ul li:nth-child(9){top: 15%;right: 23%;} .cooper_list ul li:nth-child(10){top: 40%;left: 16%;} .cooper_list ul li:nth-child(11){top: 40%;right: 16%;} .cooper_list ul li:nth-child(12){bottom: 15%;left: 23%;} .cooper_list ul li:nth-child(13){bottom: 15%;right: 23%;} .cooper_list ul li:nth-child(14){top: 5%;left: 10%;} .cooper_list ul li:nth-child(15){top: 5%;right: 10%;} .cooper_list ul li:nth-child(16){top: 22%;left: 5%;} .cooper_list ul li:nth-child(17){top: 22%;right: 5%;} .cooper_list ul li:nth-child(18){top: 40%;left: 3%;} .cooper_list ul li:nth-child(19){top: 40%;right: 3%;} .cooper_list ul li:nth-child(20){bottom: 22%;left: 5%;} .cooper_list ul li:nth-child(21){bottom: 22%;right: 5%;} .cooper_list ul li:nth-child(22){bottom: 5%;left: 10%;} .cooper_list ul li:nth-child(23){bottom: 5%;right: 10%;} .cooper_list ul li:nth-child(8), .cooper_list ul li:nth-child(9), .cooper_list ul li:nth-child(10), .cooper_list ul li:nth-child(11), .cooper_list ul li:nth-child(12), .cooper_list ul li:nth-child(13){transform: scale(0.8);} .cooper_list ul li:nth-child(14), .cooper_list ul li:nth-child(15), .cooper_list ul li:nth-child(16), .cooper_list ul li:nth-child(17), .cooper_list ul li:nth-child(18), .cooper_list ul li:nth-child(19), .cooper_list ul li:nth-child(20), .cooper_list ul li:nth-child(21), .cooper_list ul li:nth-child(22), .cooper_list ul li:nth-child(23){transform: scale(.6);} .cooper_list ul li:hover{transform: scale(1.1);transition: all 1s;} .bar{height: 620px;position: relative;} .bar_con{position: absolute;bottom: 80px;left: 0;right:0;} .bar_tit{font-size: 40px;color:#f3f6f9;} .crumbs{position: absolute;bottom: 70px;left: 0;right:0;text-align: right;} .crumbs dl dt, .crumbs dl dd{display: inline-block;vertical-align: middle;font-size: 14px;line-height: 24px;color:#fff;} .crumbs dl dt{margin-right: 5px;} .crumbs dl dd::after{content: ">";font-size: 14px;color: #fff;margin:0 5px;} .crumbs dl dd a{color:#fff;} .crumbs dl dd:last-child a{color:#005e55;} .crumbs dl dd:last-child::after{display: none;} .nav_list{background: #fff;border-radius: 10px;margin-top: -50px;position: relative;z-index: 2;box-shadow: 1px 3px 5px rgba(58, 58, 58, .1);} .nav_list ul{font-size: 0;text-align: center;} .nav_list ul li{line-height: 80px;display: inline-block;vertical-align: top;font-size: 18px;color:#333;padding: 0 40px;position: relative;} .nav_list ul li::after{content: "";display: block;width: 1px;height: 10px;background: #d6d6d6;position: absolute;right:0;top:50%;margin-top: -5px;} .nav_list ul li:last-child:after{display: none;} .nav_list ul li a{color:#333;} .nav_list ul li a.active {color:#005e55} .fixeds .nav{position: static;top: 0;left: 0;right: 0;z-index: 99;margin: 0 auto;background: #fff;box-shadow: 5px 5px 5px #f1f1f3,-5px -5px 5px #f1f1f3;} .fixeds .nav .nav_list{margin: 0 auto;} #video1{border-radius: 15px;overflow: hidden;} .home_con{padding:0 60px;} .home_left{max-width: 320px;width:26.25%;height: 320px;border-radius: 10px;overflow: hidden;margin-top: -120px;position: relative;z-index: 2;box-shadow: 0 3px 5px #666;} .home_left .tit_en{font-size: 50px;font-weight: bold;color:#fff;opacity: .1;font-family: Arial, Helvetica, sans-serif;text-transform: uppercase;margin-top: -30px;text-align: center;} .home_left .tit_cn{font-size: 32px;color:#fff;font-weight: bold;margin-top: 40px;text-indent: 1em;} .home_right{max-width: 840px;width: 68.9%;margin-top: 30px;} .mians .title{text-align: left;} .mians .title .tit_cn{font-size: 32px;color:#10504f;font-weight: bold;margin-top: 40px;} .mians .title .tit_en{font-size: 50px;font-weight: bold;color:#10504f;opacity: .06;font-family: Arial, Helvetica, sans-serif;text-transform: uppercase;margin-top: -30px;} .mians .mores{width: 160px;line-height: 45px;border:1px solid #ccc;border-radius: 35px;text-align: center;font-size: 14px;margin: 30px auto;transition: all 1s;} .mians .mores img{margin-left: 20px;} .mians .mores:hover{width:180px;transition: all 1s;} .history_list .swiper-container-history{position: relative;overflow: hidden;} /* .history_list .swiper-container-history .swiper-slide{background: url(../images/history_list_xx.png) no-repeat;width: 320px;} .history_list .swiper-container-history .swiper-slide .year{font-size: 26px;line-height: 32px;color:#10504f;font-weight: bold;margin: -30px auto 60px;text-align: center;position: relative;} .history_list .swiper-container-history .swiper-slide .year::after{content: "";display: block;width: 10px;height:10px;border-radius: 10px;background: #005e55;position: absolute;left: 0;right:0;margin: 0 auto;bottom:-30px;} .history_list .swiper-container-history .swiper-slide .tct{height:218px;} .history_list .swiper-container-history .swiper-slide .tct .pic{height:114px;overflow: hidden;} .history_list .swiper-container-history .swiper-slide:nth-child(even){background-position: -335px 0;} .history_list .swiper-container-history .swiper-slide:nth-child(even) .mains_text{margin-top: -240px;} .history_list .swiper-container-history .swiper-slide:nth-child(even) .year{margin: 30px auto;} .history_list .swiper-container-history .swiper-slide:nth-child(even) .year::after{top: auto;top: -40px;} .history_list .swiper-container-history .swiper-slide .mains_text{height:104px;overflow-y: scroll;} .history_list .swiper-container-history .swiper-slide .mains_text::-webkit-scrollbar-track-piece { position: fixed;right:0;background-color:#f8f8f8;} .history_list .swiper-container-history .swiper-slide .mains_text::-webkit-scrollbar {width:5px;height:10px;} .history_list .swiper-container-history .swiper-slide .mains_text::-webkit-scrollbar-thumb {background:#10504f;background-clip:padding-box;min-height:28px;} .history_list .swiper-container-history .swiper-slide .mains_text::-webkit-scrollbar-thumb:hover {background:#bbb;} .swiper-pagination-history{bottom: 0px;left: 0;right: 0;margin: 0 auto;text-align: center;} .swiper-pagination-history .swiper-pagination-bullet{background: url(../images/history_icons.png) no-repeat;width:18px;height:8px;overflow: hidden;margin: 0 5px;} .swiper-pagination-history .swiper-pagination-bullet-active{opacity: 1;} */ .history_list{height:530px;background: url(../images/history_list_xx.png) center repeat-x;margin: 30px auto;} .history_list .swiper-container-history .swiper-slide{width:320px;margin-right: 10px;display: inline-block;vertical-align: top;margin-top: 280px;height:280px;position: relative;} .history_list .swiper-container-history .swiper-slide .tct{position: absolute;top: 0;left: 0;right: 0;margin: 0 auto;} .history_list .swiper-container-history .swiper-slide .tct .time{font-size: 26px;line-height: 32px;color:#6eb92b;font-weight: bold;text-align: center;margin: -61px auto 30px;position: relative;} .history_list .swiper-container-history .swiper-slide .tct .time::after{content: "";display: block;width: 16px;height: 16px;border-radius: 16px;background: #6eb92b;margin: 10px auto 0;position: absolute;left: 0;right:0;bottom: -22px;} .history_list .swiper-container-history .swiper-slide .tct .pic{width: 320px;height:0;overflow: hidden;transition: all .75s;} .history_list .swiper-container-history .swiper-slide-active .tct .pic, .history_list .swiper-container-history .swiper-slide:hover .tct .pic{height:114px;transition: all .75s;} .history_list .swiper-container-history .swiper-slide .tct .mains_text{font-size: 16px;line-height: 24px;height:100px;overflow-y: scroll;margin-top: 15px;} .history_list .swiper-container-history .swiper-slide .tct .mains_text::-webkit-scrollbar-track-piece { position: fixed;right:0;background-color:#f8f8f8;} .history_list .swiper-container-history .swiper-slide .tct .mains_text::-webkit-scrollbar {width:3px;height:10px;} .history_list .swiper-container-history .swiper-slide .tct .mains_text::-webkit-scrollbar-thumb {background:#10504f;background-clip:padding-box;min-height:28px;} .history_list .swiper-container-history .swiper-slide .tct .mains_text::-webkit-scrollbar-thumb:hover {background:#bbb;} .history_list .swiper-container-history .swiper-slide:nth-child(even){margin-top: 0;} .history_list .swiper-container-history .swiper-slide:nth-child(even) .tct{top: auto;bottom: 27px;} .history_list .swiper-container-history .swiper-slide:nth-child(even) .tct .time{margin: 30px auto -60px;} .history_list .swiper-container-history .swiper-slide:nth-child(even) .tct .time::after{top: -34px;} .history_list .swiper-container-history .swiper-slide-active .tct .time, .history_list .swiper-container-history .swiper-slide:hover .tct .time{color:#10504f} .history_list .swiper-container-history .swiper-slide-active .tct .time::after, .history_list .swiper-container-history .swiper-slide:hover .tct .time::after{background:#10504f} .history_list .swiper-container-history .swiper-button-next{right: 0;} .history_list .swiper-container-history .swiper-button-prev{left: 0;} .history_list .swiper-container-history .swiper-button-next, .history_list .swiper-container-history .swiper-button-prev{width: 30px;height:30px;border-radius: 50%;background: #f2f6f9;border:1px solid #c5d5d8;margin-top: -30px;} .history_list .swiper-container-history .swiper-button-next::after, .history_list .swiper-container-history .swiper-button-prev::after{font-size: 20px;color:#c5d5d8;} .team_lists{margin: 30px auto;} .team_lists ul, .team_list ul{font-size: 0;} .team_lists ul li{max-width: 310px;height:160px;border-radius: 10px;background: #bdd3de;display: inline-block;vertical-align: top;width: 23.2%;margin: 0 2.4% 2.4% 0;padding:30px;box-sizing: border-box;position: relative;transition: all 1s;overflow: hidden;} .team_lists ul li:nth-child(4n){margin-right: 0;} .team_lists ul li .pic{max-width: 126px;height:150px;overflow: hidden;position: absolute;right: 10px;bottom: 0;z-index: 22;} .team_lists ul li .tit{font-size: 24px;line-height: 36px;color:#333} .team_lists ul li .txt{font-size: 16px;color:#333;line-height: 30px;} .team_lists ul li .more{font-size: 14px;line-height: 28px;color:#333;margin-top: 10px;} .team_lists ul li .more a{display: block;} .team_lists ul li .more1{font-size: 24px;color:#737778;text-align: center;margin: 15px auto 5px;} .team_lists ul li .more2{font-size: 14px;line-height: 28px;color:#333;text-align: center;} .team_lists ul li:hover{background: #e8eeee;transition: all 1s;} .team_lists ul li.btn16{color:#fff;border:none;} .team_lists ul li.btn16:hover .bgsqr1{ width:310px; height:310px;background: #d2e3d0;border: 10px solid rgba(223, 234, 227, .5);} .team_list ul li{max-width: 320px;border-radius: 10px;background: none;display: inline-block;vertical-align: top;width: 23.89%;margin: 0 1.45% 1.45% 0;box-sizing: border-box;position: relative;transition: all 1s;overflow: hidden;} .team_list ul li:nth-child(4n){margin-right: 0;} .team_list ul li .pic{max-width: 320px;height:330px;overflow: hidden;} .team_list ul li .pic img{transition: all 1s;} .team_list ul li:hover .pic img{transform: scale(1.1);transition: all 1s;} .team_list ul li .tct{padding:15px;} .team_list ul li .tit{font-size: 24px;line-height: 36px;color:#111;position: relative;} .team_list ul li .tit::after{content: "+";display: block;font-size: 20px;color:#fff;position: absolute;right:0;top: 0;opacity: 0;transition: all 1s;} .team_list ul li .txt{font-size: 16px;color:#111;line-height: 30px;} .team_list ul li:hover{background: #005e55;} .team_list ul li:hover .tit, .team_list ul li:hover .txt{color:#fff;} .team_list ul li:hover .tit::after{opacity: 1;transition: all 1s;} .honor_lists{margin: 40px auto;position: relative;} .honor_lists .swiper-container-honor{overflow: hidden;position: relative;} .honor_lists .swiper-container-honor .swiper-slide .pic{max-width: 430px;height:260px;overflow: hidden;border-radius: 10px;position: relative;} .honor_lists .swiper-container-honor .swiper-slide .pic span{position: absolute;top:50%;left: 0;right: 0;margin: -35px auto 0;display: block;width: 70px;height:70px;opacity: 0;transition: all 1s;border-radius: 10px;} .honor_lists .swiper-container-honor .swiper-slide .tit{font-size: 20px;line-height: 36px;color:#111;text-align: center;margin-top:15px;} .honor_lists .swiper-container-honor .swiper-slide:hover .pic{box-shadow: 0px 5px 5px #ccc;} .honor_lists .swiper-container-honor .swiper-slide:hover .tit{color:#005e55;} .honor_lists .swiper-container-honor .swiper-slide:hover .pic span{opacity: 1;transition: all 1s;} .honor_lists .swiper-button-prev, .honor_lists .swiper-button-next{position: absolute;top: -70px;} .honor_lists .swiper-button-prev::after, .honor_lists .swiper-button-next::after{font-size: 24px;color:#005e55;} .honor_lists .swiper-button-prev{right:70px;left: auto;} .honor_list{margin: 0px auto;position: relative;} .honor_list ul{font-size: 0;} .honor_list ul li{position: relative;overflow: hidden;max-width: 430px;width: 32.09%;margin: 0 1.8% 1.8% 0;display: inline-block;vertical-align: top;} .honor_list ul li:nth-child(3n){margin-right: 0;} .honor_list ul li .pic{max-width: 430px;height:260px;overflow: hidden;border-radius: 10px;position: relative;} .honor_list ul li .pic span{position: absolute;top:50%;left: 0;right: 0;margin: -35px auto 0;display: block;width: 70px;height:70px;opacity: 0;transition: all 1s;border-radius: 10px;} .honor_list ul li .tit{font-size: 20px;line-height: 36px;color:#111;text-align: center;margin-top:15px;} .honor_list ul li:hover .pic{box-shadow: 0px 5px 5px #ccc;} .honor_list ul li:hover .tit{color:#005e55;} .honor_list ul li:hover .pic span{opacity: 1;transition: all 1s;} .service_nav ul{font-size: 0;} .service_nav ul li{display: inline-block;vertical-align: top;max-width: 310px;border:1px solid #ccc;font-size: 18px;line-height: 45px;border-radius: 45px;width: 23.14%;text-align: center;margin: 1% 2.4% 1% 0;} .service_nav ul li a{display: block;border-radius: 45px;} .service_nav ul li a.active, .service_nav ul li a:hover{color:#fff;background: #005e55;} .service_nav ul li:nth-child(4n){margin-right: 0;} .service_list ul{font-size: 0;} .service_list ul li{background: #fff;margin-top: 10px;} .service_list ul li .list_left, .service_list ul li .list_right{width:50%;height:370px;max-width: 960px;display: inline-block;vertical-align: top;overflow: hidden;} .service_list ul li .list_right .pic{height:370px;transition: all 1s;} .service_list ul li:hover .list_right .pic{transform: scale(1.1);transition: all 1s;} .service_list ul li:nth-child(even) .list_left{float: right;} .service_list ul li:nth-child(even) .list_left .tct{float: left;} .service_list ul li .list_left .tct{max-width: 670px;float: right;padding:30px;box-sizing: border-box;text-align: left;width: 100%;} .service_list ul li .list_left .tct .tit{font-size: 32px;color:#333;line-height: 40px;} .service_list ul li:hover .list_left .tct .tit{color:#005e55;font-weight: bold;} .service_list ul li .list_left .tct .txt{font-size: 16px;line-height: 30px;color:#666;margin: 30px auto 40px;max-height: 90px;} .service_list ul li .list_left .tct .mores{width:160px;line-height: 45px;text-align: center;font-size: 14px;border:1px solid #ccc;border-radius: 45px;transition: all 1s;} .service_list ul li .list_left .tct .mores a{display: block;} .service_list ul li .list_left .tct .mores img{margin-left:15px;} .service_list ul li:hover .list_left .tct .mores{transform: translateY(10px);transition: all 1s;border:1px solid #005e55;} .business{margin-top: -100px;position: relative;z-index: 1;} .lg_about_con .title{text-align: left;} .lg_about_con .title .tit{font-size: 32px;color:#111;} .business .case_con .title{margin: 70px auto 0;} /* .lg_about_con .title .tit::before, .lg_about_con .title .tit::after{content: "";display: inline-block;vertical-align: middle;width:20px;height:2px;background: #98b4b5;} .lg_about_con .title .tit::before{margin-right: 20px;} .lg_about_con .title .tit::after{margin-left: 20px;} */ .home_pic .shows{display: none;position: fixed;max-width: 640px;height: auto;z-index: 99;left: 0;right: 0;margin: 0 auto;top: 20%;} .home_pic .shows .coles{width:30px;height:30px;background: #ccc;border-radius: 50%;font-size: 21px;color:#333;text-align: center;position:absolute;right:0px;top:-30px;cursor: pointer;transform:rotate(45deg);} .case_lists ul, .cooperation_lists ul{font-size: 0;} .case_lists ul li{display: inline-block;vertical-align: top;max-height: 430px;width: 32.09%;margin: 0 1.8% 1.8% 0;} .case_lists ul li:nth-child(3n){margin-right: 0;} .case_lists ul li .pic{max-height: 430px;height:220px;overflow: hidden;border-radius: 15px;} .case_lists ul li .pic img{transition: all 1s;} .case_lists ul li:hover .pic img{transform: scale(1.1);transition: all 1s;} .case_lists ul li .tit{font-size: 20px;line-height: 36px;color:#333;text-align: center;margin: 10px auto;} .case_lists ul li:hover .tit{color:#005e55;} .cooperation_lists ul li{display: inline-block;vertical-align: top;max-width: 310px;height:110px;border-radius:10px;overflow: hidden;width: 23.14%;margin: 0 2.4% 2.4% 0;transition: all 1s;background: #fff;} .cooperation_lists ul li:nth-child(4n){margin-right: 0;} .cooperation_lists ul li img{transition: all 1s;} .cooperation_lists ul li:hover{box-shadow: 0 3px 5px #ccc;transition: all 1s;} .cooperation_lists ul li:hover img{transform: scale(1.1);transition: all 1s;} .lg_nav_con .swiper-container-nav{position: relative;overflow: hidden;padding: 0 25px;width: 100%;box-sizing: border-box;} .lg_nav_con .swiper-container-nav .swiper-slide{display: inline-block;vertical-align: top;width: auto;line-height: 80px;} .lg_nav_con .swiper-container-nav .swiper-slide a{display: block;font-size: 18px;color:#333;min-width: 140px;text-align: center;padding:0 15px;box-sizing: border-box;} .lg_nav_con .swiper-container-nav .swiper-slide::after{content: "";display: block;width: 1px;height: 10px;background: #d6d6d6;position: absolute;right: 0;top: 50%;margin-top: -5px;} .lg_nav_con .swiper-container-nav .swiper-slide:last-child:after{display: none;} .lg_nav_con .swiper-container-nav .swiper-slide-active a{color:#005e55;} .lg_nav_con .swiper-container-nav .swiper-button-next::after, .lg_nav_con .swiper-container-nav .swiper-button-prev::after{font-size: 24px;color:#005e55;} .field{margin-top: -30px;} .field_lists{position: relative;} .field_lists .swiper-container-field{position: relative;overflow: hidden;} .field_lists .swiper-container-field .swiper-slide{border-radius: 20px;overflow: hidden;background: #f3f6f9;background: url(../images/field_left_bg.jpg) no-repeat;background-size: cover;} .field_lists .swiper-container-field .swiper-slide .field_left{max-width: 840px;float: left;height: 540px;width: 62.68%;padding: 60px;box-sizing: border-box;} .field_lists .swiper-container-field .swiper-slide .field_left .tit{font-size: 36px;color:#333;} .field_lists .swiper-container-field .swiper-slide .field_left .tit::after{content: "";display: block;width:30px;height:3px;background: #005e55;margin: 20px 0;} .field_lists .swiper-container-field .swiper-slide .field_left .txt{font-size: 16px;line-height: 30px;max-height: 90px;margin-bottom: 40px;} .field_lists .swiper-container-field .swiper-slide .field_left .more{transition: all 1s;width: 160px;line-height: 45px;text-align: center;border:1px solid #10504f;border-radius: 45px;font-size: 14px;color:#333;} .field_lists .swiper-container-field .swiper-slide .field_left .more a{display: block;} .field_lists .swiper-container-field .swiper-slide .field_left .more img{margin-left:15px;} .field_lists .swiper-container-field .swiper-slide .field_left .more:hover{transform: translateY(10px);transition: all 1s;} .field_lists .swiper-container-field .swiper-slide .field_right{max-width: 500px;float: right;width: 37.32%;overflow: hidden;} .field_lists .swiper-container-field .swiper-slide .field_right img{transition: all 1s;} .field_lists .swiper-container-field .swiper-slide:hover .field_right img{transition: all 1s;transform: scale(1.1);} .field_lists .swiper-container-field .swiper-button-next, .field_lists .swiper-container-field .swiper-button-prev{top: auto;bottom: 60px;cursor: pointer;z-index: 66;} .field_lists .swiper-container-field .swiper-button-next{left: 150px;right: auto;} .field_lists .swiper-container-field .swiper-button-prev{left: 60px;} .field_lists .swiper-container-field .swiper-button-next::after, .field_lists .swiper-container-field .swiper-button-prev::after{font-size: 30px;color:#005e55} .field_lists .swiper-container-field .swiper-button-disabled::after{color:#333;} .field_lists .swiper-pagination-field{position: absolute;z-index: 22;right: 0px;bottom: 60px;max-width: 720px;width:100%;text-align: right;} .field_lists .swiper-pagination-field .swiper-pagination-total{font-size: 18px;color:#333;font-family: Arial, Helvetica, sans-serif;} .field_lists .swiper-pagination-field .swiper-pagination-current{font-size: 50px;color:#005e55;font-family: Arial, Helvetica, sans-serif;} .gotop{position: fixed;right:20px;bottom: 50px;z-index: 999;width: 70px;height:70px;overflow: hidden;border-radius: 15px;opacity: 0;background: #005e55;cursor: pointer;} .gotop.toshow{opacity: 1;} .news_lists ul{font-size: 0;border-bottom: 1px solid #e2e4e6;margin-bottom: 30px;} .news_lists ul li{max-width: 430px;width:31.666666%;padding:20px;background: #fff;margin:0 2.5% 2.5% 0;display:inline-block; vertical-align: top;border-radius: 5px;border:1px solid #eee;box-sizing: border-box;} .news_lists ul li:nth-child(3n){margin-right: 0;} .news_lists ul li .time{font-size: 14px;color:#333;margin: 15px auto;} .news_lists ul li .time img{margin-right: 8px;display: inline-block;vertical-align: middle;} .news_lists ul li .time span{display: inline-block;vertical-align: middle;line-height: 14px;} .news_lists ul li .pic{max-width: 390px;height:200px;overflow: hidden;border-radius: 8px;} .news_lists ul li .pic img{transition: all 1s;} .news_lists ul li .bt{font-size:20px;color:#333;line-height: 30px;margin:15px auto;height:30px;} .news_lists ul li .txt{font-size: 14px;line-height: 28px;color:#666;height:56px;} .news_lists ul li .ta{font-size: 14px;line-height: 40px;border:1px solid #bebebe;box-sizing: border-box;padding:0 20px;text-transform: uppercase;border-radius: 10px;margin-top:10px} .news_lists ul li .ta i{background: url(../images/lg_case_icon.png) no-repeat;width:14px;height:6px;margin-left:35px;float: right;margin:14px auto;} .news_lists ul li:hover{background: #fff;box-shadow: 5px 5px 5px #f1f1f3,-5px -5px 5px #f1f1f3;} .news_lists ul li:hover .pic img{transition: all 1s;transform: scale(1.2);} .news_lists ul li:hover .ta{background: #005e55;border:1px solid #005e55;color:#fff;} .news_lists ul li:hover .ta i{background-position: 0 -6px;} .news_lists ul li:hover .bt{color:#005e55;} .news_lists ol li{margin-bottom: 30px;background: #fff;border-radius: 10px;padding:30px;box-sizing: border-box;} .news_lists ol li .list_left{max-width: 920px;width: 72%;} .news_lists ol li .list_left .tst{font-size: 20px;line-height: 40px;color:#111;} .news_lists ol li .list_left .txt{font-size: 14px;line-height: 28px;color:#666;max-height: 56px;} .news_lists ol li .list_right{max-width: 130px;background: #cfcfcf;color:#fff;border-radius: 10px;padding: 20px;box-sizing: border-box;width: 15%;} .news_lists ol li .list_right .year{font-size: 16px;} .news_lists ol li .list_right .day{font-size: 30px;line-height: 45px;} .news_lists ol li:hover{box-shadow: 0 5px 10px rgba(0, 0, 0, .1);} .news_lists ol li:hover .list_right{background: #005e55;} .news_con{border-bottom: 1px solid #ddd;} .news_con .title{border-bottom: 1px solid #ddd;} .news_con .title .tst{font-size: 24px;color:#111;font-weight: bold;text-align: center;} .news_con .title .txt{text-align: center;} .news_con .title .txt span{display: inline-block;font-size: 18px;color:#666;line-height: 36px;margin: 0 10px;} .news_con .mains_text{padding:20px;} .lg_fy_con2 dl{margin:30px auto;} .lg_fy_con2 dl dt{float: right;font-size: 16px;color:#575757;width:190px;border:1px solid #333;border-radius: 50px;line-height: 50px;box-sizing: border-box;font-size: 16px;text-indent: 2em;background: url(../images/news_info_icon_03.jpg) 140px center no-repeat;} .lg_fy_con2 dl dt a, .lg_fy_con2 dl dd a{display: block;} .lg_fy_con2 dl dd{float: left;width:120px;line-height: 50px;text-align: center;background: #f0f0f2;border-radius: 50px;margin-right: 10px;font-size: 16px;overflow: hidden;} .lg_fy_con2 dl dd:hover a{background: #005e55 ;color:#fff;} .business .title{margin-top: 30px;} .business .case_con{position: relative;} .contact1 dl{font-size: 0;} .contact1 dl dd{display: inline-block;vertical-align: top;background: rgba(248, 250, 245, .9);max-width: 430px;height:180px;padding:30px;box-sizing: border-box;width: 32.09%;margin: 0 1.8% 1.8% 0;border-radius: 10px;} .contact1 dl dd:nth-child(3){margin-right: 0;} .contact1 dl dd span{display: block;font-size: 24px;line-height: 30px;color:#10504f;} .contact1 dl dd span img{margin-right: 2px;} .contact1 dl dd p{font-size: 20px;line-height: 30px;color:#333;margin-left:50px;} .contact1 .map{height:460px;border-radius: 10px;overflow: hidden;} .contact2_left{max-width: 813px;float: left;height:671px;overflow: hidden;} .contact2_right{max-width: 550px;float: right;margin-left: -25px;margin-top: 50px;} .contact2_right .items{position: absolute;top: 50px;right: 0;} .contact2_right .items p{font-size: 14px;line-height: 24px;color:#333;} .contact2_right .items p span{width: 10px;height:10px;border-radius: 10px;display: inline-block;margin-right: 10px;} .contact2_right .mains_text{max-height: 700px;overflow-y: scroll;} #content { width: 500px; height: 170px; margin: 100px auto; } #imgbox-loading { position: absolute; top: 0; left: 0; cursor: pointer; display: none; z-index: 90; } #imgbox-loading div { background: #FFF; width: 100%; height : 100%; } #imgbox-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #000; display: none; z-index: 80; } .imgbox-wrap { position: absolute; top: 0; left: 0; display: none; z-index: 90; } .imgbox-img { padding: 0; margin: 0; border: none; width: 100%; height: 100%; vertical-align: top; } .imgbox-title { padding-top: 10px; font-size: 11px; text-align: center; font-family: Arial; color: #333; display: none; } .imgbox-bg-wrap { position: absolute; padding: 0; margin: 0; display: none; } .imgbox-bg { position: absolute; width: 20px; height: 20px; } .example2{max-width: 430px;overflow: hidden;display: inline-block;vertical-align: top;} .example2 img{max-width: 100%;} .imgbox-close::after{content: "+";display: block;background: #fff;width: 30px;height:30px;font-size: 21px;text-align: center;position: absolute;right:0;top:0;border-radius: 50%;transform: rotate(45deg);} .service_lists ul{font-size: 0;} .service_lists ul li{display: inline-block;vertical-align: top;width: 305px;height:260px;overflow: hidden;border-radius: 10px;position: relative;margin: 0 40px 40px 0;} .service_lists ul li:nth-child(4n){margin-right: 0;} .service_lists ul li .pic{width:100%;height:260px;} .service_lists ul li .pic img{width: 100%;transition: all .75s;height:100%;} .service_lists ul li .tct{position: absolute;top: 0;left: 0;right:0;background: rgba(1, 95, 86, .8);height: 260px;padding:15px;box-sizing: border-box;} .service_lists ul li .tct .xx{border:1px solid rgba(197, 224, 116, 0);height: 230px;border-radius: 5px;transition: all 1s;overflow: hidden;} .service_lists ul li .tct .more a{font-size: 16px;line-height: 30px;color:#fff;display: block;text-align: center;} .service_lists ul li .tct .icon{width: 110px;height:110px;overflow: hidden;margin: 0 auto;transition: all .75s;} .service_lists ul li .tct .tit{font-size: 26px;line-height: 30px;color:#fff;text-align: center;margin: 20px auto;} .service_lists ul li .tct .txt{height:0;overflow: hidden;} .service_lists ul li .tct .txt a{display: block;font-size: 16px;color:#fff;line-height: 30px;opacity: .8;} .service_lists ul li .tct .txt a:hover{font-weight: bold;opacity: 1;} .service_lists ul li:hover{box-shadow: 0 10px 10px rgba(1, 95, 86, .4);} .service_lists ul li:hover .pic img{transition: all .75s;transform: scale(1.1);} .service_lists ul li:hover .tct{background: rgba(110, 185, 43, .8);} .service_lists ul li:hover .tct .xx{border:1px solid rgba(197, 224, 116, 1);transition: all 1s;} .service_lists ul li:hover .tct .icon{height:0;transition: all .75s;} .service_lists ul li:hover .tct .txt{height:100%;text-align: center;} .service_lists ul li.active .tct .icon, .service_lists ul li.active:hover .tct .icon{height: 110px;margin-top: 30px;} .idea_lists ul{font-size: 0;width: 560px;} .idea_lists ul li{width: 250px;height:90px;line-height: 90px;border-radius: 10px;overflow: hidden;display: inline-block;vertical-align: top;background: rgba(1, 95, 86, .8);position: relative;margin: 0 50px 50px 0;transition: all .75s;} .idea_lists ul li:nth-child(2n){margin-right: 0;} .idea_lists ul li a{display: block;} .idea_lists ul li span{font-size: 38px;color:#fff;background: #63ae48;display: block;width: 110px;height:110px;line-height: 110px;border-radius: 50%;text-indent: 1.2em;margin-top: -10px;margin-left: -20px;display: inline-block;vertical-align: top;} .idea_lists ul li h3{font-size: 90px;height:90px;line-height: 90px;font-weight: bold;color:#fff;float: right;opacity: .03;font-family: Arial;font-style: italic;margin-right: 20px;} .idea_lists ul li p{height:90px;position: absolute;top: 0;right: 0;font-size: 24px;color:#fff;width: 100%;padding-left:100px;} .idea_lists ul li:hover{background: #67b04b;transition: all .75s;} .news .yyui_tab>ul{margin-top: -70px;text-align: right;position: relative;z-index: 2;} .news .yyui_tab>ul>li{display: inline-block;vertical-align: top;font-size: 16px;line-height: 30px;color:#666;cursor: pointer;margin-left: 30px;position: relative;} .news .yyui_tab>ul>li::after{content: "";display: block;width: 1px;height:10px;background: #999;position: absolute;right: -15px;top: 10px;} .news .yyui_tab>ul>li:last-child::after{display: none;} .news .yyui_tab>ul>li.yyui_tab_title_this{color:#017d47;} .news .yyui_tab .yyui_tab_content{display: none;} .news_list ul{font-size: 0;} .news_list ul li{width: 420px;background: #f8f8f8;border-radius: 10px;box-shadow: 0 10px 10px rgba(133, 123, 123, .5);display: inline-block;vertical-align: top;margin: 0 40px 40px 0;transition: all .75s;} .news_list ul li:nth-child(3){margin-right: 0;} .news_list ul li .pic{width: 100%;height: 280px;overflow: hidden;} .news_list ul li .pic img{transition: all .75s;height:100%;} .news_list ul li .tct{padding:30px;box-sizing: border-box;} .news_list ul li .tct::before{content: "";display: block;} .news_list ul li .tct .tit{font-size: 20px;line-height: 30px;height: 60px;} .news_list ul li .tct .txt{margin-top: 10px;} .news_list ul li .tct .txt span{font-size: 14px;line-height: 30px;color:#333;} .news_list ul li .tct .txt span:nth-child(2){font-size: 30px;float: right;} .news_list ul li:hover{background: #10504f;transition: all .75s;} .news_list ul li:hover .tct .tit, .news_list ul li:hover .tct .txt span{color:#fff;} .news_list ul li:hover .tct .txt span:nth-child(2){color:#71b935;} .news_list ul li:hover .pic img{transition: all .75s;transform: scale(1.1);} .news_list .more{text-align: center;transition: all .75s;margin: 30px auto;} .news_list .more a{display: inline-block;width:160px;line-height: 40px;text-align: center;font-size: 14px;color:#333;border:1px solid #a6a8aa;border-radius: 40px;} .news_list .more:hover a{background: #005e55;color:#fff;} .news_list .more:hover a img{display: none;} .index_partner { overflow: hidden; position: relative;height:348px;} .partner_list {margin-top: 15px;height:348px;} .index_partner .g_link_box {padding: 90px 0 0; position: relative; z-index: 100} .partner_img_box {position: relative;height: 0;height:348px;} .part_img {position: absolute; width: 100%;height: 100%;box-sizing: border-box; background: center no-repeat;background-size: contain;} .part_img img {width: 100%;} .index_partner{position: relative;} .index_partner .box_logo{position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: #fff; z-index: 1;} .index_partner .img{position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-position: center; background: url(../images/logo1.png) no-repeat center; z-index: 2;} .index_partner .part_img_b{ position: absolute; width: 100%; height: 100%; background: center no-repeat;background-size: contain;} .one .index_partner .part_img.img1{ transition-delay: 1.6s;} .one .index_partner .part_img.img2{ transition-delay: 1.2s; } .one .index_partner .part_img_b.img1_b{ transition-delay: 2.2s; animation: ppzs 2s infinite; } .one .index_partner .part_img_b.img2_b{ transition-delay: 1.8s; animation: ppzs 2.5s 1s infinite; } @keyframes ppzs{ 0% { transform: translate(0,0) rotate(0.1deg); } 40% { transform: translate(0,10px) rotate(0.1deg); } 80% { transform: translate(0,-10px) rotate(0.1deg); } 100% { transform: translate(0,0) rotate(0.1deg); } } .index_partner .img{opacity: 1; transition: all 1s 0s;} .index_partner .part_img{opacity: 0; transform: scale(5); transition:all 1s 0s; /*transition: transform 2s, opacity 2s; transition-duration:2s;transition-delay: 2s;*/} .one .box_logo {opacity: 0; transform: translate(0,100%); transition: all 0.6s ease-out 0.2s;} .one .index_partner .img {opacity: 0; transform: scale(1.5); transition-delay: 1s;} .one .index_partner .part_img {opacity: 1; transform: scale(1); transition-delay: 1.5s;} .video_pop{width:100%;height:100%;background: rgba(0, 0, 0, .5);position: fixed;top: 0;left: 0;right:0;margin: 0 auto;z-index: 999;display: none;} .video_pop .video_pop_con{width:640px;height:auto;margin: 15% auto 0;display: block;position: relative;} .video_pop .video_pop_con .colse{width:35px;height:35px;background: #fff;border-radius: 35px;font-size: 24px;color:#000;text-align: center;line-height: 32px;position: absolute;right: -10px;top: -10px;z-index: 2;transform: rotate(45deg);cursor: pointer;} .video_pop .video_pop_con video{width:100%;height:100%;}