@charset "utf-8"; /*-------------------------头部--------------------*/ .head_box{background: #00827E;} .header .navBar{ height: 40px; margin: 30px 0;text-align: right;} .header .navBar a{ display: inline-block; margin: 0 25px; line-height: 40px; font-size: 18px; color: #fff; } .header .navBar a.a2{font-size: 24px;font-weight: bold;color: #ffeb2f;} .header .navBar a:hover, .header .navBar a.cur{color: #fdc725;} .header .logo { width: 200px;} .header .logo img{height: 100px;} /*-------------------------底部--------------------*/ .foot{ width: 100%; background: #373737; padding: 30px 0; color: #fff; } .foot_a{ line-height: 40px; font-size: 16px;color: #fff;} .foot_a a{ display: inline-block; margin: 5px 15px 15px 15px;color: #fff; } .link a{color: #fff;} .copy {color: #ccc; line-height: 40px;} .copy a{color: #ccc;} /*--------------------------------------返回底部--------------------*/ .izl-rmenu {position:fixed; right:0; bottom:20%;padding-bottom:100px;background:url(../images/r_b.png) 0px bottom no-repeat;z-index:999;} .izl-rmenu .btn{width:50px;height:50px;margin-bottom:1px;cursor:pointer;position:relative;} .izl-rmenu .btn-wx{background:url(../images/r_wx.png) 0px 0px no-repeat;background-color:#02827e;} .izl-rmenu .btn-wx:hover{background-color:#fdc725;} .izl-rmenu .btn-wx .pic{position:absolute;left:-160px;top:0px;display:none;width:160px;height:160px;} .izl-rmenu .btn-phone{background:url(../images/r_phone.png) 0px 0px no-repeat;background-color:#02827e;} .izl-rmenu .btn-phone:hover{background-color:#fdc725;} .izl-rmenu .btn-phone .phone{background-color:#fdc725;position:absolute;width:160px;left:-160px;top:0px;line-height:50px;color:#FFF;font-size:18px;text-align:center;display:none; border-radius: 30px 0 0 30px;} .izl-rmenu .btn-top{background:url(../images/r_top.png) 0px 0px no-repeat;background-color:#02827e;display:none;} .izl-rmenu .btn-top:hover{background-color:#fdc725;} /*-------------------------轮播--------------------*/ .html5zoo-wrapper-0 {display:block;position:relative;width:100%;height:auto;}.html5zoo-slider-0 {display:block;position:relative;left:0px;top:0px;width:100%;height:auto;}.html5zoo-box-0 {display:block;position:relative;left:0px;top:0px;width:100%;height:auto;}.html5zoo-swipe-box-0 {display:block;position:relative;left:0px;top:0px;width:100%;height:auto;}.html5zoo-space-0 {display:block;position:relative;left:0px;top:0px;width:100%;height:auto;visibility:hidden;line-height:0px;font-size:0px;}.html5zoo-img-box-0 {display:block;position:absolute;left:0px;top:0px;width:100%;height:100%;}.html5zoo-play-0 {display:none;position:absolute;left:50%;top:50%;cursor:pointer;width:64px;height:64px;margin-top:-32px;margin-left:-32px; background:url('file:///F:/WWW/liyan/Y_%E6%AF%85%E8%BE%BE/skin/js/../images/playvideo-64-64-0.png') no-repeat left top;}.html5zoo-video-wrapper-0 {display:none;position:absolute;left:0px;top:0px;background-color:#000;text-align:center;}.html5zoo-error-0 {display:block;position:relative;margin:0 auto;width:80%;top:50%;color:#fff;font:16px Arial,Tahoma,Helvetica,sans-serif;}.html5zoo-video-wrapper-0 video {max-width:100%;height:auto;}.html5zoo-video-wrapper-0 iframe, .html5zoo-video-wrapper-0 object, .html5zoo-video-wrapper-0 embed {position:absolute;top:0;left:0;width:100%;height:100%;} /*-------------------------海报浮动文字--------------------*/ .ind_ban_img {width: 100%; margin: 0 auto; height: 612px; position: absolute;left:0; top: 100px; display: none; } .ind_ban_img .box { width: 712px; height: 612px; position: relative; left:252px; top: 100px; } .ind_ban_img .box h5, .ind_ban_img .box p{ color: #fff; position: absolute; width: 100%; text-align: center; z-index: 2;} .ind_ban_img .box h5{ font-family: 华文彩云;font-size: 60px;letter-spacing: 12px;top:170px; } .ind_ban_img .box p.text_14{top:240px;} .ind_ban_img .box p.text_18{top:260px;} .ind_ban_img .box img{ position: absolute;left: 0;top: 0px;} .ind_ban_img .box img.img2{left: 295px;top: 320px;width: 100px;} .ind_ban_img .box img.img1{position: relative;} /*-------------------------首页标题共用--------------------*/ .ind_title{ text-align: center; margin-top: 20px; margin-bottom: 30px;} .ind_title span{ display: block;width: 30px;border-bottom: 3px solid #333;margin: 10px auto 0 auto; } /*-------------------------首页产品--------------------*/ .ind_pro{ margin:50px 0 30px 0;} .ind_pro_list{ display:none;} .ind_cl_l li{width:280px; float: left; padding: 10px; } .ind_cl_l li:hover{ background: #f4f4f4;} .ind_cl_l li.li2{ margin: 0 0px;} .ind_cl_l li p{ color: #333;} .ind_cl_l li .pic{width:100%; height: 158px;} .ind_cl_l li img{width: 100%; height: 100%; transition: all ease-out .8s;} /*-------------------------首页公司简介-------------------*/ .ind_about{ width: 100%; padding: 30px 0; } .abo_l a.more{ display: block; width: 150px; height: 35px; line-height: 35px; color: #fff; font-size: 16px; text-align: center;background: #333; border-radius: 35px;margin-top: 50px;} .ind_about .ind_title span{border-bottom: 3px solid #333;margin: 10px auto 0 auto;} .ind_about .abo_l a.more{background: #fdc725;color: #333;} /*-------------------------首页产品-------------------*/ .ind_pro_list li{ width: 260px; height: auto; float: left; padding: 20px;} .ind_pro_list li a.img{ width: 260px; height: 260px; display: block; overflow: hidden;} .ind_pro_list li a.ti{width: 260px;display: block; text-align: center; font-size: 18px; margin-top: 10px;} .ind_pro_list a.more{display: block; width: 150px; margin: 0 auto; height: 35px; line-height: 35px; color: #fff; font-size: 16px; text-align: center;background: #02827e;border-radius: 35px;margin-top: 50px; } /*------------------------- 首页优势 -------------------*/ .ind_ys{ padding: 30px 0; background: #02827e; margin-top: 30px;} .ind_ys_l .pic{ width: 180px; float: left; margin-right: 40px;} .ind_ys_l .text{ width: 260px; float: left; } .ind_ys_l .p1{ color: #fff;} .ind_ys_l li{ margin-bottom: 30px;} .ind_ys_r li{ width: 50%; float: left; line-height: 40px;height: 40px; font-size: 18px;} .ind_ys_r li img{ padding-right: 10px;} .ind_ys .ind_title span{ border-bottom: 3px solid #fff;} /*------------------------- 首页品牌视觉与空间 -------------------*/ .ind_vi{padding: 30px 0 50px 0; } .ind_vi li{ float:left; width:380px; height: 240px; margin-top: 10px; margin-bottom: 10px;} .ind_vi li img{ width:380px; height: 240px;} .ind_vi li.li2, .ind_vi li.li5{ margin-left: 30px; margin-right: 30px;} /*-------------------------首页新闻-------------------*/ .ind_news { width: 100%; background: #f7f7f7; padding: 30px 0; margin: 30px 0 0px 0;} .ind_news .ind_title{ margin-bottom: 50px;} .ind_n_l a.img{ display: block; width: 500px; height: 326px; overflow: hidden; } .ind_n_l a.i{ width: 96%; padding: 10px 2% 0 2%;display: block; height: 40px; line-height: 40px; font-size: 18px; background: #02827e;color: #fff; overflow: hidden; } .ind_n_l p{ width: 96%; padding: 5px 2% 15px 2%; height: 40px; line-height: 20px; color: #fff;background: #02827e; overflow: hidden; font-size: 14px; } .ind_news li{ height: 80px; background: #02827e;padding: 10px; margin-bottom: 10px; } .ind_news li .time{ width: 80px; height: 70px;text-align: center; float: left; padding: 5px 0; border-right: 1px solid #1dada8; } .ind_news li .time .p1{ font-size: 35px; height: 35px; line-height: 35px; color: #fff;} .ind_news li .time .p2{ font-size: 14px;height: 35px; line-height: 35px;color: #fff;} .ind_news li .text{width: 450px; float: left;padding: 5px 20px; height: 70px;color: #fff;} .ind_news li .text a{display: block;width: 100%; height: 30px;line-height: 30px; font-size: 18px; overflow: hidden;color: #fff; } .ind_news li .text p{display: block;width: 100%; height: 30px;line-height: 30px;overflow: hidden;color: #fff;} .ind_news a.more{display: block; width: 200px; margin: 0 auto; height: 35px; line-height: 35px; color: #333; font-size: 16px; text-align: center;background: #fdc725;border-radius: 35px;margin-top: 50px;margin-bottom: 50px;} /*-------------------内页大图-------------------*/ .page_banner_wrap {width:100%;min-width:1200px;position:relative;height:350px;overflow:hidden;} .page_banner {position:absolute;left:50%;margin-left:-960px;width:1920px;} /*-------------------内页内页全局样式-------------------*/ .page_text{ width: 100%; padding-bottom: 30px;overflow: hidden;font-size: 14px;line-height: 28px; } .page_text img{ max-width: 100%;} .page_text p{ line-height: 28px; } .page_text table{ text-align: inherit; line-height: inherit; font-size: 100%; border-collapse: collapse; border-spacing: 0; } .page_text table tbody {display: table-row-group;} .page_text table tr {display: table-row;} .page_text table th, .page_text table td {display: table-cell;} /*-------------------内页当前位置-------------------*/ .map{ height: 50px; line-height: 50px; border-bottom: 1px dashed #ddd; margin-bottom: 30px;} .map h3{ width: 330px; float: left; font-size: 24px; font-family: Microsoft JhengHei,微軟正黑體,Arial,Helvetica,sans-serif;} .map h3 span{ font-size: 16px; color: #7F7F7F; margin-left: 10px; } /*--------------------------------------------------------------------内页分页码*/ .page { margin: 20px 0px; text-align: center; } .page a, .page span { display: inline-block; width: 45px;height: 45px;line-height: 45px; border-radius: 2px; color: #000; margin: 0 5px; background: #ddd; } .page span { color: #272729;background: #ddd; } .page a.hover { background: #000;color: #fff; } .page a:hover, .page span.pg_curr {background: #000;color: #fff; } /*-------------------关于切换图-------------------*/ .js-silder{position: relative; min-width: 320px; } .silder-scroll{width: 100%;overflow: hidden; } .silder-main{position: relative;width: 100%;overflow: hidden; } .silder-main-img{position: absolute;top: 0;left: 0;width: 100%; } .silder-main-img img{width: 100%; } .js-silder-ctrl{width: 100%;text-align: center; } .silder-ctrl-prev, .silder-ctrl-next{position: absolute;top: 0;width: 8%;height: 100%;vertical-align: middle;cursor: pointer;color: #fff; font-family: "宋体";font-size: 52px;font-weight: 600;text-shadow: #666 2px 2px 5px; } .silder-ctrl-prev{left: 0;text-align: left; } .silder-ctrl-next{right: 0;text-align: right; } .silder-ctrl-prev>span, .silder-ctrl-next>span{position: absolute;top: 50%;margin-top: -40px; } .silder-ctrl-prev>span{left: 20px; } .silder-ctrl-next>span{right: 20px; } .silder-ctrl-con{display: inline-block;width: 4%;padding: 10px 0;margin: 0 10px;cursor: pointer; } .silder-ctrl-con>span{display: block;line-height: 0;text-indent: -9999px;overflow: hidden;padding: 5px 0;cursor: pointer;background-color: #e4e4e4; } .silder-ctrl-con.active>span{background-color: #333; } @media (max-width: 768px){ .silder-ctrl-prev, .silder-ctrl-next{width: 10%;font-size: 26px;margin-top: -25px; } .silder-ctrl-con{width: 14px;height: 14px;padding: 0;margin: 0 5px; } .silder-ctrl-con>span{display: block;width: 100%;height: 100%;border-radius: 50%;padding: 0; } } /*-------------------产品列表页-------------------*/ .pro_class{ padding: 20px 0; background: #f4f4f4;} .pro_class li{width: 125px;float: left;text-align: center;padding: 0 10px;} .pro_class li a.pic{display: block;width:50px;height: 37px;position: relative;overflow: hidden;float: left;} .pro_class li a.pic span{ display: block; width:50px; height: 37px; position: absolute; top: 0; z-index: 2; background-size: 100%; background-repeat: no-repeat; border-radius: 100%; } .pro_class li.cur a{color: #00827E;} .pro_class li a.ti{ width: 125px; float: left; padding-right: 10px; border-right: 1px solid #ddd; margin-right: 10px; } .pro_class li img{width: 100%;/* height: 100%; */transition: all ease-out .8s;} .pro_class li:hover img{transform: scale(1.3, 1.3);} .pro_class li .ti p{font-size: 18px;line-height: 37px;height: 37px;} .con_main .pro_list li{ width: 360px;float: left; padding: 20px;} .con_main .pro_list li a.img{ width: 360px; height: 360px; display: block; overflow: hidden;} .con_main .pro_list li a.ti{width: 360px;display: block; text-align: center; font-size: 18px; margin-top: 10px;} .con_main .pro_list a.more{display: block; width: 150px; margin: 0 auto; height: 35px; line-height: 35px; color: #fff; font-size: 16px; text-align: center;background: #333;border-radius: 35px;margin-top: 50px; } /* ---------------玩茶 */ .ind_wan_wrap {width:100%;min-width:1200px;position:relative;height:1470px;overflow:hidden;} .ind_wan {position:absolute;left:50%;margin-left:-960px;width:1920px;} /* ---------------茶语 */ .shop_list li{ width: 258px; float: left; padding: 20px; border: 1px solid #eee; background: #f4f4f4;} .shop_list li a{ display: block; width: 100%; height: 100%; overflow: hidden; text-align: center;} .shop_list li a img{ width: 100%; height: auto;} /* ---------------资讯 */ .news_list li{ width: 359px; padding:0 20px; float: left; border-right: 1px solid #eee; margin-bottom: 20px;} .news_list li.last{border-right:none;} .news_list li a.img{ display: block; width: 360px; height: 235px; overflow: hidden;} .news_list li a.text{ display: block; width: 339px; padding: 15px 10px;background: #fff;} .news_list li a.text h3{ font-size: 18px; height: 48px; line-height: 24px;overflow: hidden; } .news_list li a.text span{ color: #626262; margin: 5px 0;display: block;} .news_list li a.text p{ font-size: 14px;overflow: hidden;height: 40px; line-height: 20px;color: #666; } .news_de_date{border-bottom: 1px dashed #ddd; margin-bottom: 10px; padding-bottom: 10px; text-align: center;} .news_de_date li{ display: inline-block; margin-right: 30px; line-height: 30px; color: #7C7C7C;} .news_de_date li i{ display: inline-block; width: 25px; height: 25px;float: left;} .news_de_date li i.a{ background: url(../images/icon1.jpg) center no-repeat; margin-top: 3px;margin-right: 3px; } .news_de_date li i.b{ background: url(../images/icon2.jpg) center no-repeat; margin-top: 3px;margin-right: 3px; } .Paging { line-height: 40px; } .Paging .assist{ width: 50%; float: left;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;font-size: 14px;margin-bottom: 30px; } .Paging .l{ padding-right: 5%; width: 45%; overflow: hidden;} .news_de_r li{ height: 80px;margin-bottom: 10px;border-bottom: 1px dashed #ddd;} .news_de_r li a.img{ width: 100px; float: left; margin-right: 10px;} .news_de_r li .text{ width: 150px;float: left;} .news_de_r li .text a{ display: block; width: 100%; height: 40px; line-height: 20px; overflow: hidden;margin-bottom: 10px;} .news_de_r li .text span{ color: #999;} /* ---------------联系 */ .con_p p{ line-height: 26px;} #dituContent { width: 100%; height: 350px; } .messages{width: 100%;} .messages li{ line-height:40px;margin-bottom: 25px;font-size: 14px; } .messages li input { width: 100%;height: 40px;line-height: 40px;border: none;border-radius: 4px; background: #e8e8e8; font-size: 14px; padding-left: 10px; color: #333;} .messages li textarea { width: 100%;height: 160px;line-height: 40px;border: none;border-radius: 4px; background: #e8e8e8;padding-left: 10px; color: #333;font-size: 14px; } .messages a.button_1_b{ display:block; width: 100%;height: 40px;line-height: 40px; color:#333; text-align:center; border-radius: 4px; margin-left: 0px;font-size: 16px;border-radius: 30px; border: 1px solid #e8e8e8;} .messages a.button_1_b:hover{ background:#333;cursor: pointer;color:#fff; } /* --------------- 关于我们 */ .ab_ti{ text-align:center; background:url(../images/gywm.png) center center no-repeat; line-height:53px;height: 73px; margin-bottom:15px;} /* --------------- 招商 */ .text-content { width: 1200px;margin: 0 auto;padding: 50px 0; } .text-txt { background: #F6C11B;border-radius: 15px;overflow: hidden;color: #fff; } .text-txt-bt { background: #E6E6E6;line-height: 60px;padding: 0 10px;text-align: justify;text-align-last: justify; } .text-txt-bt div { display: inline-block;height: 20px;vertical-align: middle;display: inline-flex; } .text-txt-bt div div:nth-child(1) { background: #1F8C86 } .text-txt-bt div div:nth-child(2) { background: #FB3500 } .text-txt-bt div div:nth-child(3) { background: #FE8F01 } .text-txt-bt div div { display: inline-block;width: 20px;height: 20px;background: #fff;border-radius: 50%;text-align-last: left;text-align: left;margin-left: 9px;} .text-txt-nr { text-indent: 2em;font-size: 22px; width: 70%;padding: 40px 0;line-height: 40px;margin: 0 auto;font-weight: bold; } .text-img { margin: 40px 0; } .text-img div{ width: 32%;margin: 0 2% 2% 0;display: inline-block; } .text-img div:nth-child(3n+3){ margin-right: 0; } .text-img div img{ width: 100%; } .text-1 { border-radius: 20px;overflow: hidden;margin: 50px 0; } .text-1 div.text-1-bt { width: 100%;text-align: center;padding: 30px; } .text-1 > div { display: inline-block; vertical-align: top;padding: 0 20px;} .text-1 .text-1-wz { font-size: 16px;line-height: 34px; float:left; width: 700px;padding-top: 80px;} .text-1 .text-1-wt { font-size: 16px;line-height: 34px;float:none; margin: 0 auto; width: 900px;display: block;text-align: center;} .text-1 .text-1-wt p{ font-size: 20px;color: #333;} .text-1 .text-1-wt img{margin-bottom: 20px;} .text-1 > div.ti_piw{ width:400px; float:right;} .text-1 .text-1-wz p { text-indent: 2em; font-size: 20px;line-height: 35px; } .text-1-img-4 img { width: 23%;margin: 10px 10px; display: inline-block;} .text-1-bjs { background: #F6C11B;padding: 40px 0; color: #fff;font-weight: bold;} .text-1-bjs .text-1-wz { line-height: 40px; } .text-1-border { position: relative;padding: 1px 0;margin: 20px 10px;width: 560px; float: left;} .text-1-border-h { margin: 20px 0;border: 4px solid #FEA30C;padding: 20px;padding-left: 136px } .text-1-border-w { background: #fff;font-weight: bold;color: #00837E;padding: 0px 17px; height: 100%; position: absolute; border: 4px solid #FEA30C; font-size: 44px;width: 66px; margin-left: 10px;text-align: center;} .text-1-border-w::before{display: inline-block;content: "";height: 57%;vertical-align: middle; } .text-1-border-h > div { display: inline-block;border-bottom: solid 4px #F6C11B;width: 100%; } .text-1-border-h p { text-indent: 2em;line-height: 24px; } .text-1-border-h > div > span { background: #F6C11B;display: inline-block;padding: 5px 10px 0;color: #FF6501; } .banner-bt { position: absolute;top:50%;left:50%;transform: translateY(-50%) translateX(-50%);display: inline-block; padding: 40px 60px;background:rgba(255, 255, 255, 0.5);} .banner-bt div { white-space:nowrap;-webkit-text-stroke:3px #fff;text-align:center;font-size:5rem;font-weight:bold;color:#F6C11B;z-index: 9; } /* --------------- 招商2 */ .banner-bt { position: absolute; top: 50%; left: 50%; transform: translateY(-50%) translateX(-50%); display: inline-block; padding: 40px 60px; background: rgba(255, 255, 255, 0.5); } .banner-bt div { white-space: nowrap; -webkit-text-stroke: 3px #fff; text-align: center; font-size: 5rem; font-weight: bold; color: #00837E; z-index: 9; line-height: 100px; } .text-content { width: 1200px; margin: 0 auto; padding: 50px 0; } .text-txt { border: 3px solid #F6C11B; background: #fff; border-radius: 15px; overflow: hidden; color: #000; } .text-txt-bt { background: #F6C11B; line-height: 60px; padding: 0 10px; text-align: justify; text-align-last: justify; } .text-txt-bt div { display: inline-block; height: 20px; vertical-align: middle; display: inline-flex; } .text-txt-bt div div:nth-child(1) { background: #1F8C86 } .text-txt-bt div div:nth-child(2) { background: #FB3500 } .text-txt-bt div div:nth-child(3) { background: #FE8F01 } .text-txt-bt div div { display: inline-block; width: 20px; height: 20px; background: #fff; border-radius: 50%; text-align-last: left; text-align: left; margin-left: 9px; } .text-txt-nr { width: 90%; padding: 40px 0; line-height: 40px; margin: 0 auto; font-weight: bold; } .text-txt-nr div { width: 49%; font-size: 22px; display: inline-block; vertical-align: middle; float: left; } .text-txt-nr div img{ margin-bottom:30px; } .text-img { margin: 40px 0; } .text-img ul li { width: 31.5%; margin: 0 ; display: inline-block; } .text-img ul li:nth-child(2) { margin: 0 25px; } .text-img div img { width: 100%; } .ppsl { border-radius: 10px; background: #F6C11B; padding: 40px 0; margin: 40px 0; } .ppsl .ppsl-bt, .ppsl .ppsl-nr { width: 80%; margin: auto; color: #fff; } .ppsl .ppsl-bt div { display: inline-block; padding: 15px; background: #00837E; font-weight: bold; margin-bottom: 20px; border-radius: 10px; font-size: 24px; } .ppsl .ppsl-nr { display: table;margin-bottom: 15px; } .ppsl .ppsl-nr div { display: table-cell; vertical-align: middle;color: #333;font-size: 16px; } .ppsl .ppsl-nr .ppsl-nr-bt { width: 6em; color: #00837E; font-size: 24px; padding: 10px 20px; font-weight: bold; } .kdfc-nr { display: table; width: 100%; } .kdfc-nr div { display: table-cell; vertical-align: middle; } .kdfc-nr-sm { display: table; text-align: justify; text-align-last: justify; padding-left: 30px } .kdfc-nr-sm>div { width: 25%; display: inline-grid; background: #00837E; text-align: center; text-align-last: center; font-size: 30px; height: 140px; padding: 0px 40px; align-items: center; color: #fff; margin: 20px 0; position: relative; } .kdfc-nr-sm .kdfc-nr-sm-d { border-radius: 50%; position: absolute; top: 15px; left: 15px; width: 15px; height: 15px; background: #F6C11B; } .srfx { display: table; width: 100%; margin: 30px 0; vertical-align: middle; } .srfx>div { display: table-cell; vertical-align: middle; } .srfx .srfx-bt { width: 5em; font-size: 26px; font-weight: bold; } .ys-bt span { display: inline; border-bottom: solid 3px #F6C11B; padding-bottom: .1rem; font-weight: bold; font-size: 30px; } .ys.ppsl .ppsl-nr { color: #000; } .ys .ppsl-nr .ppsl-nr-bt i { margin-right: 20px; width: 40px; height: 40px; line-height: 40px; display: inline-block; text-align: center; background-image: url("../images/bj-1.png"); background-size: 100% 100%; color: #fff; } .ys.ppsl .ppsl-nr .ppsl-nr-bt { width: 9em; } .text-txt .text-1-bt{ text-align:center;} .text-txt .text-1-bt img{ width: 1160px;}