/*鏁翠綋鏍峰紡*/
@charset "UTF-8";
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font-weight: normal;
font-family: "寰蒋闆呴粦","Microsoft YaHei",Arial,sans-serif;
vertical-align: baseline;
}
/*html,body{height:100%;}*/
ol,ul{
list-style: none;
text-decoration: none;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
a,a:hover{
text-decoration: none;
}
i,em{
font-style:normal;
}
video{
outline: none;
}
div:focus {outline: none;}
.fl{
float: left;
}
.fr{
float: right;
}
a{
color: #333;
display: block;
}
h1{
font-size: 64px;
}
h2{
font-size: 54px;
}
h3{
font-size: 42px;
}
h4{
font-size: 36px;
}
h5{
font-size: 24px;
}
img{
display: block;
}
.cont{
width: 86%;
margin:0 auto;
}
.img_box{
overflow:hidden;
}
.padding{
padding: 80px 0;
}
/*渚ц竟婊氬姩鏉¤嚜瀹氫箟鏍峰紡*/
/*瀹氫箟婊氬姩鏉¢珮瀹藉強鑳屾櫙 楂樺鍒嗗埆瀵瑰簲妯珫婊氬姩鏉$殑灏哄*/
::-webkit-scrollbar {
width: 8px;
height: 6px;
}
/*瀹氫箟婊氬姩鏉¤建閬?/
::-webkit-scrollbar-track {
background-color: transparent;
-webkit-border-radius: 2em;
-moz-border-radius: 2em;
border-radius: 2em;
}
/*瀹氫箟婊戝潡 鍐呴槾褰?鍦嗚*/
::-webkit-scrollbar-thumb {
background-color: #08aca3;
background-image: -webkit-linear-gradient(45deg,rgba(255,255,255,0) 100%,transparent 100%,transparent 50%,rgba(255,255,255,0) 50%,rgba(255,255,255,0) 75%,transparent 75%,transparent);
-webkit-border-radius: 2em;
-moz-border-radius: 2em;
border-radius: 2em
}
/*娓呴櫎娴姩*/
.clearFix::before,
.clearFix::after{
content: "";
display: block;
visibility: hidden;
height: 0;
line-height: 0;
clear: both;
}
input{
outline: none;
}
/*鏂囨湰瓒呰鐪佺暐鏄剧ず*/
.overflow_1{
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
}
.overflow_2{
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
}
.overflow_3{
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
}
.overflow_4{
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 4;
-webkit-box-orient: vertical;
}
/*鍥剧墖鐩掑瓙*/
.img_box>img{
width: 100%;
height: 100%;
display: block;
object-fit: cover;
object-position: center;
background-repeat: no-repeat;
}
/*鍥剧墖鐩掑瓙*/
.img_box>.ryzz_img{
width: 100%;
height: 100%;
max-height: 36vh;
display: block;
object-fit: contain;
object-position: center;
background-repeat: no-repeat;
}
/*鍥剧墖榧犳爣缁忚繃鏁堟灉*/
.img_box:hover>img{
transform: scale(1.1);
}
.img_box>img{
transition:all 0.8s;
}
/*寮规€у竷灞€*/
/*鎹㈣*/
.flex_tap{
flex-wrap: wrap;
}
/*灞呬腑*/
.flex_cont{
display: flex;
justify-content: center;
}
/*涓ょ*/
.flex_sp{
display: flex;
justify-content: space-between;
}
/*鍨傜洿*/
.flex_y{
display: flex;
justify-content: space-between;
flex-direction: column;
}
.flex_1{
flex: 1;
}
.flex_full_w{
width: 100%;
}
/*page 鍒嗛〉鍣?/
.pagination {
display: flex;
justify-content: center;
margin-top: 10px;
}
.pagination a {
background: #fff;
border: 1px solid #ccc;
color: #333;
font-size: 14px;
padding: 8px 12px;
margin: 0 5px;
border-radius: 3px;
}
.pagination span {
color: #333;
font-size: 14px;
padding: 8px 2px;
margin: 0 5px;
border-radius: 3px;
}
.pagination a:hover {
color: #e56b03;
border: 1px solid #e56b03;
}
.pagination a.page-num-current {
color: #fff;
background: #e56b03;
border: 1px solid #e56b03;
}
.my-4{
margin-top:40px;
}
/*鑳屾櫙鍥剧墖鏍峰紡鑷€傚簲*/
.bj_img{
background-position: center;
background-size: cover;
}
/*鍔ㄧ敾鏍峰紡*/
/*绾挎潯鍔ㄧ敾*/
@keyframes line{
from{
width: 0;
}
to{
width: 100%;
}
}
@keyframes bjimg{
0%{
width: 100%;
}
50%{
width: 120%;
}
100%{
width: 100%;
}
}
@keyframes scrol{
0%{
bottom: 60px;
}
50%{
bottom: 90px;
}
100%{
bottom: 60px;
}
}
@keyframes aa{
0%{
opacity: 0;
}
50%{
opacity: 1;
}
100%{
opacity: 0;
}
}
@-webkit-keyframes rotate360
{0%{-webkit-transform:rotate(0deg);}
100%{-webkit-transform:rotate(360deg);}
}@-moz-keyframes rotate360
{0%{-moz-transform:rotate(0deg);}
100%{-moz-transform:rotate(360deg);}
}@-ms-keyframes rotate360
{0%{-ms-transform:rotate(0deg);}
100%{-ms-transform:rotate(360deg);}
}@keyframes rotate360
{0%{transform:rotate(0deg);}
100%{transform:rotate(360deg);}
}
@keyframes abimg1{
0%{
top:-30px;
}
50%{
top: 0;
}
100%{
top:-30px;
}
}
/*鑳屾櫙鍔ㄧ敾*/
.bj_am{
animation: bjimg 60s infinite;
animation-timing-function: linear;
-webkit-animation: bjimg 60s infinite;
-webkit-animation-timing-function: linear;
}
.bg1{
background-color: #e56b03;
}
.bg2{
background-color: #d4101a;
}
.bg3{
background-color: #006cb7;
}
/*瀵艰埅鏍峰紡*/
.web-nav-box{
width: 100%;
position: fixed;
left: 0;
top: 0;
z-index: 99;
}
.web-nav{
background-color: rgba(0,0,0,0);
transition: all .6s;
}
.web-nav:hover{
background-color: #fff;
box-shadow: 2px 5px 5px rgba(0,0,0,.1);
}
.web-nav-box>.active{
background-color: #fff;
box-shadow: 2px 5px 5px rgba(0,0,0,.1);
}
.web-nav>.cont{
position: relative;
}
.web-nav>.cont>a{
padding:15px 0;
height: 60px;
}
.web-nav>.cont>a>img{
height:100%;
}
.web-nav>.cont>a>img:last-child{
display: none;
}
.web-nav:hover>.cont>a>img{
display: none;
}
.web-nav-box>.active>.cont>a>img{
display: none;
}
.web-nav:hover>.cont>a>img:last-child{
display: block;
}
.web-nav-box>.active>.cont>a>img:last-child{
display: block;
}
.web-nav>.cont>ul{
width:45%;
}
.web-nav>.cont>ul>li{
padding:15px 0;
line-height: 60px;
position: relative;
}
.web-nav>.cont>ul>li:after{
position: absolute;
width:0;
height: 4px;
background-color:#08aca3;
bottom: 0;
left: 50%;
content: "";
transform: translateX(-50%);
transition: all .6s;
}
.web-nav>.cont>ul>li:hover:after{
width:180%;
}
.web-nav>.cont>ul>.active:after{
width:180%;
}
.web-nav>.cont>ul>.active>a{
color: #08aca3;
}
.web-nav>.cont>ul>li>dl{
position: absolute;
left: -40%;
top: 90px;
width:180%;
background-color:#fff;
box-shadow: 2px 5px 10px 5px rgba(0,0,0,.1);
display: none;
}
.web-nav>.cont>ul>li:hover>dl{
display: block;
}
.web-nav>.cont>ul>li>dl>dd{
text-align:center;
line-height: 50px;
border-bottom: 1px dashed rgba(0,0,0,.1);
}
.web-nav>.cont>ul>li>dl>dd:hover>a{
color: #08aca3;
}
.web-nav>.cont>ul>li>a{
color: #fff;
position: relative;
}
.web-nav:hover>.cont>ul>li>a{
color: #000;
}
.web-nav-box>.active>.cont>ul>li>a{
color: #000;
}
.web-nav>.cont>ul>li:hover>a{
color: #08aca3;
}
.web-nav>.cont>p{
color: #fff;
line-height: 60px;
padding:15px 0;
}
.web-nav:hover>.cont>p{
color: #000;
}
.web-nav-box>.active>.cont>p{
color: #000;
}
.web-nav>.cont>p>img{
width:30px;
height: 30px;
float: left;
margin-top: 15px;
margin-right: 10px;
}
.web-nav>.cont>p>img:nth-child(2){
display: none;
}
.web-nav:hover>.cont>p>img{
display: none;
}
.web-nav-box>.active>.cont>p>img{
display: none;
}
.web-nav:hover>.cont>p>img:nth-child(2){
display: block;
}
.web-nav-box>.active>.cont>p>img:nth-child(2){
display: block;
}
.web-nav>.cont>form{
padding:15px 0;
}
.web-nav>.cont>form>input{
width:160px;
height: 40px;
border: none;
margin-top: 10px;
padding:0;
background-color: rgba(255,255,255,.5);
padding-left: 10px;
box-sizing: border-box;
}
.web-nav:hover>.cont>form>input{
background-color: #f5f5f5;
}
.web-nav-box>.active>.cont>form>input{
background-color: #f5f5f5;
}
.web-nav>.cont>form>button{
width:50px;
height: 40px;
border: none;
margin-top: 10px;
outline: none;
background-color: rgba(255,255,255,.5);
}
.web-nav:hover>.cont>form>button{
background-color: #08aca3;
}
.web-nav-box>.active>.cont>form>button{
background-color: #08aca3;
}
.web-nav>.cont>form>button>img{
width:65%;
margin:0 auto;
}
/*浜у搧浜岀骇鏍忔樉绀?/
.web-2nav-pro{
width:100%;
position: fixed;
top: 90px;
left: 0;
background-color:#fff;
box-shadow: 2px 5px 10px 5px rgba(0,0,0,.1);
z-index: 9;
display: none;
}
.header>.active{
display: flex;
}
.web-2nav-tap{
width:27%;
padding:20px 0;
padding-left: 7%;
padding-right: 30px;
background-color:#fafafa;
box-sizing: border-box;
border-right: 1px solid rgba(0,0,0,.1);
}
.web-2nav-tap>ul{
}
.web-2nav-tap>ul>li{
padding:0 10px;
box-sizing: border-box;
line-height: 60px;
}
.web-2nav-tap>ul>li>a:hover{
color: #08aca3;
}
.web-2nav-tap>ul>li>img{
width:30px;
height: 30px;
margin-top:15px;
opacity: 0;
transition: all .6s;
}
.web-2nav-tap>ul>li:hover>img{
opacity: 1;
}
.web-2nav-list{
width:73%;
padding:30px;
padding-right: 7%;
box-sizing: border-box;
}
.web-2nav-list>dl{
margin-top:20px;
}
.web-2nav-list>dl:first-child{
margin-top:0;
}
.web-2nav-list>dl>dt{
width:100%;
line-height: 40px;
font-size: 18px;
border-bottom: 1px solid rgba(0,0,0,.1);
}
.web-2nav-list>dl>dt>a{
font-family: font_2;
}
.web-2nav-list>dl>dt>a:hover{
color: #08aca3;
}
.web-2nav-list>dl>dd{
width:20%;
margin-top:10px;
line-height: 30px;
}
.web-2nav-list>dl>dd:last-child{
margin-right:auto;
}
.web-2nav-list>dl>dd>a{
color: #7b7b7b;
}
.web-2nav-list>dl>dd>a:hover{
color: #08aca3;
}
/*蹇嵎鍏ュ彛鎸夐挳*/
.quick-nav{
width: 100px;
height: 100%;
position: absolute;
right: -8%;
top: 0;
z-index: 9;
background-color: rgba(0,0,0,0);
display: flex;
align-items:center;
}
.web-nav:hover .quick-nav{
background-color: #08aca3;
}
.web-nav-box>.active .quick-nav{
background-color: #08aca3;
}
.quick-nav>button{
background-color: rgba(0,0,0,0);
border:none;
width: 30px;
height: 20px;
margin-left:35px;
position: relative;
cursor: pointer;
}
.m_close{
width: 30px;
height: 30px;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%,-50%);
z-index: 99;
display: none;
cursor: pointer;
}
.quick-nav em{
width: 30px;
height: 3px;
background-color: #fff;
display: block;
position: absolute;
}
.m_ht1{
left: 0;
top: 0;
transition: all 0.8s;
}
.m_ht2{
left: 0;
top: 8px;
}
.m_ht3{
left: 0;
bottom:0;
transition: all 0.8s;
}
.m_htl_an{
-moz-transform: rotate(225deg);
-webkit-transform: rotate(225deg);
-o-transform: rotate(225deg);
-ms-transform: rotate(225deg);
transform: rotate(225deg);
top: 7px;
}
.m_ht3_an{
-moz-transform: rotate(-225deg);
-webkit-transform: rotate(-225deg);
-o-transform: rotate(-225deg);
-ms-transform: rotate(-225deg);
transform: rotate(-225deg);
top: 7px;
}
/*banner鍖哄煙*/
.inx-01{
width:100%;
height: 960px;
overflow: hidden;
}
.inx-01-box{
width:100%;
height: 100%;
position: relative;
}
.banner-tap{
/*width: 100%;*/
position: absolute;
color: #fff;
bottom: 80px;
left: 7%;
z-index: 3;
}
.banner-tap>ul>li{
width: 60px;
height: 60px;
border:none;
margin:0 30px;
text-align: center;
font-size: 14px;
line-height: 60px;
border-radius: 50%;
position: relative;
cursor: pointer;
}
.banner-tap>ul>.active{
border:1px solid #fff;
}
.banner-tap>ul>li:after{
position: absolute;
content: "";
width: 0;
opacity: 1;
height: 1px;
background-color: #fff;
left: -45px;
top: 50%;
transform: translateY(-50%);
transition: all .6s;
}
.banner-tap>ul>.active:after{
width: 60px;
opacity: 1;
}
.inx-scroll{
width:80px;
position: absolute;
right: 7%;
bottom: 60px;
z-index: 1;
text-align: center;
color: #fff;
animation: scrol 2s infinite;
animation-timing-function: linear;
-webkit-animation: scrol 2s infinite;
-webkit-animation-timing-function: linear;
}
.inx-scroll>img{
margin:0 auto;
}
.inx-scroll>p{
text-align: center;
margin-top: 10px;
}
.inx-01-list{
width:100%;
height: 100%;
}
.inx-01-list>.swiper-wrapper>.swiper-slide{
width:100%;
height: 100%;
overflow: hidden;
position: relative;
}
.inx-01-list>.swiper-wrapper>.swiper-slide>video{
width:100%;
}
.inx-01-list>.swiper-wrapper>.swiper-slide>img{
width: 100%;
height: 100%;
display: block;
object-fit: cover;
object-position: center;
background-repeat: no-repeat;
}
.inx-01-info{
width:100%;
height: 100%;
position: absolute;
left: 0;
top: 0;
z-index: 1;
padding:0 7%;
box-sizing:border-box;
}
.inx-01-info-box{
width:100%;
height: 100%;
position: relative;
color: #fff;
}
.inx-01-txt{
position: absolute;
left: 0;
top: 48%;
transform: translateY(-50%);
}
.inx-01-txt>h4{
position: relative;
}
.inx-01-txt>h4:after{
position: absolute;
content: "";
width:242px;
height: 189px;
background-image: url(../images/inx-pic1.png);
left: -60px;
top: -30px;
}
.inx-01-txt>h2{
font-family: font_2;
margin-top: 10px;
}
.inx-01-txt>h3{
font-family: font_2;
margin-top: 10px;
}
/*浼佷笟绠€浠?/
.inx-02{
width:100%;
padding:120px 0 125px 0;
box-sizing:border-box;
position: relative;
}
.inx-02-info{
width:50%;
}
.inx-02-info>h5{
color: #08aca3;
}
.inx-02-info>h2{
width:85%;
margin-top: 30px;
margin-bottom: 50px;
}
.inx-02-info>p{
width:80%;
line-height: 30px;
color: #7b7b7b;
margin-top: 30px;
}
.inx-02-info>a{
width:140px;
line-height: 40px;
background-color: #08aca3;
color: #fff;
text-align: center;
border-radius: 25px;
margin-top: 30px;
}
.inx-02-info>ul{
width:90%;
margin-top: 60px;
border:1px solid rgba(0,0,0,.1);
padding:20px 0;
}
.inx-02-info>ul>li{
width:25%;
position: relative;
}
.inx-02-info>ul>li:after{
position: absolute;
content: "";
right: 0;
top: 50%;
width:1px;
height: 50%;
transform: translateY(-50%);
background-color: rgba(0,0,0,.1);
}
.inx-02-info>ul>li>a>img{
width:40px;
margin:0 auto;
transition: all .6s;
}
.inx-02-info>ul>li:hover>a>img{
transform: rotateY(360deg);
-webkit-transform: rotateY(360deg);
}
.inx-02-info>ul>li>a>h5{
font-size: 17px;
text-align: center;
margin-top: 10px;
transition: all .6s;
}
.inx-02-info>ul>li:hover>a>h5{
font-family: font_2;
color: #08aca3;
}
.inx-02-pic{
position: absolute;
right: 0;
top: 0;
width:55%;
}
.inx-02-pic-box{
width:100%;
height: 100%;
position: relative;
}
.inx-02-pic-box>img{
width: 100%;
}
.inx-02-pic-box>img:nth-child(2){
position: absolute;
width:100%;
right: 0;
top: 0;
z-index: 1;
opacity: 0;
animation: aa 2s infinite;
animation-timing-function: linear;
-webkit-animation: aa 2s infinite;
-webkit-animation-timing-function: linear;
}
/*浜у搧鏈嶅姟*/
.inx-03{
width:100%;
}
.inx-03-box{
width:100%;
padding:100px 7%;
background-color: #f5f5f5;
box-sizing:border-box;
position: relative;
}
.inx-03-box:after{
position: absolute;
content: "";
width:1px;
height: 100%;
left: 76.5%;
top: 0;
background-color: rgba(8,172,163,.2);
}
.inx-03-list-box{
width:100%;
}
.inx-03-list-box>h5{
color: #08aca3;
}
.inx-03-list-box>h4{
padding-left: 80px;
position: relative;
/*font-family: font_2;*/
margin-top: 30px;
}
.inx-03-list-box>h4:before{
position: absolute;
content: "";
left: 0;
top: 50%;
width:60px;
height: 3px;
background-color: #08aca3;
transform: translateY(-50%);
}
.inx-03-list{
width:100%;
margin-top:-80px;
}
.inx-03-list>.swiper-wrapper{
width:100%;
}
.inx-03-list>.swiper-wrapper>.swiper-slide{
width:85%;
box-sizing: border-box;
opacity: .6;
transition: all .6s;
padding-right: 120px;
}
.inx-03-list>.swiper-wrapper>.swiper-slide-active{
opacity: 1;
}
.inx-03-info{
width:48%;
padding-top: 120px;
box-sizing:border-box;
transition: all .6s;
}
.inx-03-list>.swiper-wrapper>.swiper-slide-active .inx-03-info{
padding-top: 120px;
}
.inx-03-info>h3{
font-family: font_2;
margin-bottom:40px;
}
.inx-03-info>p{
width:90%;
line-height: 30px;
color: #7b7b7b;
margin-top: 15px;
}
.inx-03-info>ul{
margin-top:40px;
border:1px solid rgba(0,0,0,.1);
border-bottom: none;
}
.inx-03-info>ul>li{
width:33.33%;
border-right:1px solid rgba(0,0,0,.1);
box-sizing:border-box;
border-bottom: 1px solid rgba(0,0,0,.1);
padding:15px 0;
text-align: center;
}
.inx-03-info>ul>li:nth-child(3n){
border-right: none;
}
.inx-03-info>ul>li>a>img{
width:40px;
margin:0 auto;
transition: all .6s;
}
.inx-03-info>ul>li:hover>a>img{
transform: rotateY(360deg);
-webkit-transform: rotateY(360deg);
}
.inx-03-info>ul>li>a>p{
margin-top:10px;
}
.inx-03-info>ul>li:hover>a>p{
font-family: font_2;
color: #08aca3;
}
.inx-03-info>a{
width: 140px;
line-height: 40px;
background-color: #08aca3;
color: #fff;
text-align: center;
border-radius: 25px;
margin-top: 40px;
}
.inx-03-ic-box{
width:620px;
height: 620px;
position: relative;
padding:60px;
box-sizing: border-box;
}
.inx-03-ic-box:before{
position: absolute;
content: "";
left: 0;
top: 0;
width:100%;
height: 100%;
background-image: url(../images/inx-ic3.png);
background-size: 100% 100%;
-webkit-animation: rotate360 20s linear 0s infinite;
animation: rotate360 20s linear 0s infinite;
opacity: .5;
}
.inx-03-ic-box>.img_box{
border-radius: 50%;
box-shadow: 2px 5px 10px 5px rgba(0,0,0,.1);
/*2022-09-14*/
width:100%;
height: 100%;
box-sizing: border-box;
}
.inx-03-prv-l{
position: absolute;
width:50px;
height: 50px;
background-color: #08aca3;
left: 75.3%;
top: 45%;
z-index: 2;
background-image: url(../images/prv-l.png);
background-repeat: no-repeat;
background-position: center;
border-radius: 50%;
cursor: pointer;
}
.inx-03-prv-r{
position: absolute;
width:50px;
height: 50px;
background-color: #08aca3;
left: 75.3%;
top: 55%;
z-index: 2;
background-image: url(../images/prv-r.png);
background-repeat: no-repeat;
background-position: center;
border-radius: 50%;
cursor: pointer;
}
.inx-03-prv-l:before,
.inx-03-prv-r:before {
content: "";
position: absolute;
left: 0;
top: 0;
z-index: 2;
width: 100%;
height: 100%;
border-radius: 50%;
background-color: rgba(56, 186, 177, 0.1);
}
.inx-03-prv-l,
.inx-03-prv-r {
-webkit-animation: pin02 3s ease-in-out 0s infinite;
animation: pin02 3s ease-in-out 0s infinite;
}
@-webkit-keyframes pin02 {
0% {
-webkit-box-shadow: 0px 0px 0 0px rgba(56, 186, 177, 0.2);
box-shadow: 0px 0px 0 0px rgba(56, 186, 177, 0.2);
}
50% {
-webkit-box-shadow: 0px 0px 0 20px rgba(56, 186, 177, 0.2);
box-shadow: 0px 0px 0 20px rgba(56, 186, 177, 0.2);
}
100% {
-webkit-box-shadow: 0px 0px 0 0px rgba(56, 186, 177, 0.2);
box-shadow: 0px 0px 0 0px rgba(56, 186, 177, 0.2);
}
}
/*鏍稿績浜у搧*/
.inx-04{
width:100%;
padding:100px 0;
position: relative;
overflow: hidden;
}
.mVbg {
position: absolute;
left: 50%;
top: 100%;
width: 150%;
min-width: 2500px;
height: 300%;
min-height: 2500px;
background-image: url(../images/inx-bj1.png);
background-size: cover !important;
animation: mVbgRotate 360s infinite linear;
z-index: -1;
}
@keyframes mVbgRotate {
from {
transform: translate(-50%, -50%) rotate(0deg);
}
to {
transform: translate(-50%, -50%) rotate(-360deg);
}
}
.inx-04-box{
position: relative;
}
.inx-04-box>.banner-tap{
bottom: -30px;
left: auto;
right: 0;
}
.inx-04-list-box{
width:100%;
}
.inx-04-list>.swiper-slide>img{
width:36%;
}
.inx-04-info{
width:50%;
color: #fff;
padding-top: 30px;
box-sizing:border-box;
}
.inx-04-info>h2{
font-family: font_2;
margin-top:30px;
}
.inx-04-info>p{
width:80%;
line-height: 30px;
margin-top:30px;
color: #ebebeb;
}
.inx-04-info>ul{
margin-top:60px;
}
.inx-04-info>ul>li{
margin-right:60px;
}
.inx-04-info>ul>li:last-child{
margin-right:auto;
}
.inx-04-info>ul>li>.ico-box{
width:70px;
height: 70px;
padding:15px;
box-sizing:border-box;
border-radius: 50%;
border:1px solid #fff;
margin:0 auto;
}
.ico-box>img{
width:100%;
transition: all .6s;
}
.inx-04-info>ul>li:hover>.ico-box>img{
transform: rotateY(360deg);
-webkit-transform: rotateY(360deg);
}
.inx-04-info>ul>li>p{
text-align: center;
margin-top:10px;
}
.inx-04-info>a{
width: 140px;
line-height: 40px;
background-color: #08aca3;
color: #fff;
text-align: center;
border-radius: 25px;
margin-top: 60px;
}
/*鍚堜綔妗堜緥*/
.inx-05{
width:100%;
padding:120px 0 100px 0;
}
.inx-05>.cont{
position: relative;
}
#china-map {
width: 60%;
height: 800px;
position: absolute;
left: -80px;
top: -120px;
}
#box{
display:none;
background-color: goldenrod;
width: 180px;
height: 30px;
}
#box-title{
display:block;
}
.inx-05-box{
width:38%;
margin-left: auto;
}
.inx-05-box>h5{
color: #08aca3;
}
.inx-05-box>h4{
padding-left: 80px;
position: relative;
margin-top: 30px;
}
.inx-05-box>h4:before{
position: absolute;
content: "";
left: 0;
top: 50%;
width:60px;
height: 3px;
background-color: #08aca3;
transform: translateY(-50%);
}
.inx-05-box>a{
width: 140px;
line-height: 40px;
background-color: #08aca3;
color: #fff;
text-align: center;
border-radius: 25px;
margin-top: 60px;
}
.inx-05-box>ul{
width:100%;
margin-top: 60px;
border:1px solid rgba(0,0,0,.1);
border-bottom: none;
}
.inx-05-box>ul>li{
line-height: 48px;
width:50%;
text-align: center;
border-bottom: 1px solid rgba(0,0,0,.1);
border-right: 1px solid rgba(0,0,0,.1);
box-sizing:border-box;
}
.inx-05-box>ul>li:nth-child(2n){
border-right: none;
}
.inx-05-box>ul>li:nth-child(4n),.inx-05-box>ul>li:nth-child(4n-1){
background-color: #08aca3;
color: #fff;
border-right: 1px solid #fff;
}
/*鏂伴椈*/
.inx-06{
width:100%;
padding:120px 0;
background-color: #f5f5f5;
}
.inx-06-left{
width:58%;
background-color: #fff;
}
.inx-06-left-info{
width:60%;
padding:30px;
box-sizing:border-box;
}
.inx-06-left>.img_box{
width:40%;
}
.inx-06-left-info>h5:first-child{
margin-top: 0;
color: #08aca3;
}
.inx-06-left-info>h4{
padding-left: 80px;
position: relative;
margin-top: 30px;
}
.inx-06-left-info>h4:before{
position: absolute;
content: "";
left: 0;
top: 50%;
width:60px;
height: 3px;
background-color: #08aca3;
transform: translateY(-50%);
}
.inx-06-left-info>h5{
margin-top:30px;
}
.inx-06-left-info:hover>h5:nth-child(5){
color: #08aca3;
font-family: font_2;
cursor: pointer;
}
.inx-06-left-info>h5:nth-child(3){
font-family: font_2;
margin-top:60px;
padding-bottom: 20px;
border-bottom: 1px solid rgba(0,0,0,.1);
}
.inx-06-left-info>em{
margin-top:20px;
display: block;
}
.inx-06-left-info>p{
color: #7b7b7b;
line-height: 30px;
margin-top:30px;
}
.inx-06-left-info>a{
margin-top:40px;
}
.inx-06-right{
width:38%;
background-color: #fff;
padding:30px;
box-sizing:border-box;
}
.inx-06-tap{
padding-bottom: 20px;
border-bottom: 1px solid rgba(0,0,0,.1);
}
.inx-06-tap>a{
width:50%;
position: relative;
text-align: center;
border-right: 1px solid rgba(0,0,0,.1);
box-sizing:border-box;
}
.inx-06-tap>a:hover>h5{
color: #08aca3;
}
.inx-06-tap>a>img{
width:20px;
height: 20px;
margin-top:5px;
margin-left: 5px;
display: none;
}
.inx-06-tap>a:last-child{
border:none;
}
.inx-06-tap>a>h5{
font-family: font_2;
}
.inx-06-tap>.active>h5{
color: #08aca3;
}
.inx-06-tap>.active>img{
display: block;
}
.inx-06-right>ul{
margin-top: 30px;
}
.inx-06-right>ul>li{
padding-bottom: 20px;
border-bottom: 1px dashed rgba(0,0,0,.1);
box-sizing:border-box;
margin-top:10px;
}
.inx-06-right>ul>li p{
margin-top: 10px;
}
.inx-06-right>ul>li:hover p{
color: #08aca3;
}
/*鍚堜綔浼欎即*/
.inx-07{
width:100%;
padding:80px 0;
}
.inx-07-left>h5{
color: #08aca3;
position: relative;
}
.inx-07-left>h4{
padding-left: 80px;
position: relative;
margin-top: 30px;
}
.inx-07-left>h4:before{
position: absolute;
content: "";
left: 0;
top: 50%;
width:60px;
height: 3px;
background-color: #08aca3;
transform: translateY(-50%);
}
.inx-07-left>h5:after{
position: absolute;
content: "";
width:145px;
height: 148px;
background-image: url(../images/inx-tit-bj1.png);
left: -30px;
top: -20px;
opacity: .5;
}
.inx-07 ul{
width:75%;
margin-top: 10px;
}
/*搴曢儴*/
footer{
width:100%;
padding:80px 0 0 0;
background-color: #f5f5f5;
}
.fot-l{
width:72%;
padding-right: 60px;
padding-bottom: 80px;
box-sizing:border-box;
border-right: 1px solid rgba(0,0,0,.1);
}
.fot-l dt{
font-size: 24px;
padding-bottom: 15px;
position: relative;
}
.fot-l dt:after{
position: absolute;
left: 0;
bottom: 0;
width:30px;
height: 3px;
background-color: #08aca3;
content: "";
}
.fot-l dd{
line-height: 36px;
margin-top: 10px;
font-size: 17px;
}
.fot-r{
width:28%;
padding-left: 60px;
box-sizing:border-box;
}
.fot-r>h4{
font-family: font_2;
color: #08aca3;
margin-top: 15px;
}
.fot-r>p{
width:90%;
line-height: 30px;
margin-top: 5px;
}
.fot-last{
width:100%;
padding:15px 0;
border-top: 1px solid rgba(0,0,0,.1);
color: #7b7b7b;
}
/*鎮诞绐?/
.client-2 {
position: fixed;
right: -170px;
top: 55%;
z-index: 900;
}
.client-2 li a {
text-decoration: none;
}
.client-2 li {
margin-top: 1px;
clear: both;
height: 62px;
position: relative;
}
.client-2 li i {
background: url(../images/fx.png) no-repeat;
display: block;
width: 30px;
height: 27px;
margin: 0px auto;
text-align: center;
}
.client-2 li p {
height: 20px;
font-size: 12px;
line-height: 20px;
overflow: hidden;
text-align: center;
color: #fff;
}
.client-2 .my-kefu-qq i {
background: url(../images/a-1.png);
background-size: 100% 100%;
}
.client-2 .my-kefu-tel i {
background-position: 0 -21px;
}
.client-2 .my-kefu-liuyan i {
background-position: 4px -53px;
}
.client-2 .my-kefu-weixin i {
background-position: -34px 4px;
}
.client-2 .my-kefu-weibo i {
background-position: -30px -22px;
}
.client-2 .my-kefu-ftop {
display: none;
}
.client-2 .my-kefu-ftop i {
width: 33px;
height: 31px;
background-position: -23px -47px;
background-size: 52px 82px;
}
.client-2 .my-kefu-ftop .my-kefu-main{
padding-top: 6px;
}
.client-2 .my-kefu-left {
float: left;
width: 62px;
height: 47px;
position: relative;
}
.client-2 .my-kefu-tel-right {
font-size: 16px;
color: #fff;
float: left;
height: 24px;
line-height: 22px;
padding: 0 15px;
border-left: 1px solid #fff;
margin-top: 14px;
}
.client-2 .my-kefu-right {
width: 20px;
}
.client-2 .my-kefu-tel-main {
background: #08aca3;
color: #fff;
height: 53px;
width: 230px;
padding:9px 0 0;
float: left;
}
.client-2 .my-kefu-main {
background: #08aca3;
width: 97px;
height: 53px;
position: relative;
padding:9px 0 0;
float: left;
}
.client-2 .my-kefu-weixin-pic {
position: absolute;
left: -130px;
top: -24px;
display: none;
z-index: 333;
}
.my-kefu-weixin-pic img {
width: 115px;
height: 115px;
}
.vacation-notice{
position: absolute;
left: -150px;
cursor: pointer;
}
.window-vacation-notice{
width: 100%;
height: 100%;
position: fixed;
z-index: 9999;
left: 0;
top: 0;
display: none;
}
.window-box-vacation-notice{
width: 100%;
height: 100%;
position: relative;
}
.win-all-vacation-notice{
position: absolute;
width: 42%;
height: 60%;
left: 50%;
top: 42%;
transform: translate(-50%,-50%);
padding: 30px;
box-sizing: border-box;
color: #fff;
}
.img-vacation-notice{
width: 100%;
}
.close-vacation-notice{
position: absolute;
right: 0;
top: 0;
cursor: pointer;
transition: all .6s;
}
.close-vacation-notice:hover{
transform: rotate(180deg);
}
.window{
width: 100%;
height: 100%;
background-color: rgba(0,0,0,.2);
position: fixed;
z-index: 9999;
left: 0;
top: 0;
display: none;
}
.window-box{
width: 100%;
height: 100%;
position: relative;
}
.win-all{
position: absolute;
width: 570px;
height: 330px;
left: 50%;
top: 53%;
background-color: #08aca3;
transform: translate(-50%,-50%);
padding:30px;
box-sizing: border-box;
color: #fff;
}
.box{
width: 100%;
height:100%;
position: relative;
}
.close{
position: absolute;
right: 0;
top: 0;
cursor: pointer;
transition: all .6s;
}
.close:hover{
transform: rotate(180deg);
}
.box>p{
font-size: 18px;
}
.box>h3{
margin-top: 10px;
}
.box>div{
margin-top: 15px;
}
.box>div>a{
width: 50%;
height: 50px;
background-color: #fff;
line-height: 50px;
text-align: center;
/*border-radius: 28px;*/
font-size: 18px;
}
.box>div>a:last-child{
background-color: #13857f;
color: #fff;
}
.box>form{
width: 100%;
border:1px solid #fff;
/*border-radius: 28px;*/
margin-top: 15px;
}
.box>form>input{
font-size: 18px;
height:50px;
text-indent: 1rem;
background-color: rgba(0,0,0,0);
color: #fff;
border:none;
display: block;
}
input::-webkit-input-placeholder{
color:#fff;
}
.box>form>button{
width: 130px;
height: 52px;
/*border-radius: 28px;*/
outline: none;
font-size: 17px;
border:none;
}
.box>i{
display: block;
padding-left: 15px;
background-image: url(../images/icon-8.png);
background-position: left;
background-repeat: no-repeat;
margin-top: 10px;
font-size: 14px;
}
/*蹇嵎鍏ュ彛*/
.quick-nav-box{
width:40%;
height: 100%;
position: fixed;
padding: 120px 40px 30px 40px;
box-sizing:border-box;
background-color: rgba(255,255,255,.9);
z-index: 6;
right: 0;
top: 0;
box-shadow: 2px 5px 5px rgba(0,0,0,.3);
display: none;
}
.quick-nav-box>h5{
color: #08aca3;
}
.quick-nav-box>h4{
font-family: font_2;
margin-top: 30px;
}
.quick-scoll{
width:100%;
height: 80%;
overflow: scroll;
margin-top: 40px;
padding-right: 10px;
box-sizing:border-box;
}
.quick-nav-box ul>li{
margin-top: 40px;
}
.quick-nav-box ul>li:first-child{
margin-top:0;
}
.quick-nav-box ul dl{
border:1px solid rgba(0,0,0,.1);
border-bottom: none;
}
.quick-nav-box ul dt{
width:100%;
font-size:24px;
text-align: center;
line-height: 60px;
border-bottom:1px solid rgba(0,0,0,.1);
}
.quick-nav-box ul dt>a{
font-family: font_2;
}
.quick-nav-box ul dd{
width:33.3%;
text-align: center;
border-bottom: 1px solid rgba(0,0,0,.1);
border-right: 1px solid rgba(0,0,0,.1);
box-sizing:border-box;
padding:10px 0;
}
.quick-nav-box ul dd:last-child{
margin-right:auto;
}
.quick-nav-box ul dd>a>img{
width:40px;
height: 40px;
margin:0 auto;
transition: all .6s;
}
.quick-nav-box ul dd>a:hover>img{
transform: rotateY(360deg);
-webkit-transform: rotateY(360deg);
}
.quick-nav-box ul dd>a:hover>p{
color: #08aca3;
}
.quick-nav-box ul dd>a>p{
margin-top: 10px;
}
/*琛ュ厖*/
.btn{
position: relative;
overflow: hidden;
transition: all .6s;
}
.btn:after{
position: absolute;
content: "";
width:60px;
height: 60px;
left: 50%;
top: 50%;
border-radius: 50%;
background-color: #13857f;
transform: translate(-50%,-50%);
z-index: -1;
opacity: .5;
transition: all .6s;
}
.btn:hover{
background-color: rgba(0,0,0,0);
}
.btn:hover::after{
width:160px;
height:160px;
opacity: 1;
}
/*鍐呴〉鏍峰紡寮€濮?/
/*鍐呴〉鍏叡鏍峰紡*/
.web-img{
width:100%;
height: 600px;
position: relative;
overflow: hidden;
}
.web-img-box{
width:100%;
height: 100%;
}
.web-img-box>img{
width: 100%;
height: 100%;
display: block;
object-fit: cover;
object-position: center;
background-repeat: no-repeat;
}
.web-img-tit{
position: absolute;
width:100%;
left: 0;
top: 60%;
z-index: 1;
transform: translateY(-50%);
}
.web-img-tit-box{
color: #fff;
text-align:center;
}
.web-img-tit-box>h2{
font-family: font_2;
}
.web-img-tit-box>h5{
margin-top:10px;
position: relative;
padding-bottom: 20px;
color: #ebebeb;
}
.web-img-tit-box>h5:after{
position: absolute;
width:50px;
height: 2px;
background-color:#fff;
left: 50%;
bottom: 0;
content: "";
transform: translateX(-50%);
}
/*闈㈠寘灞?/
.web-neck{
width:100%;
padding:20px 0;
background-color:#f5f5f5;
}
.web-neck ul>li{
padding:0 20px;
position: relative;
}
.pro-neck ul{
width:70%;
}
.web-neck ul>li:after{
position: absolute;
content: "";
width:100%;
height: 5px;
background-color: #08aca3;
left: 50%;
transform:translateX(-50%);
bottom: 0;
border-radius: 5px 5px 0 0 ;
bottom: -15px;
width:0;
transition: all .6s;
}
.web-neck ul>li:first-child{
}
.web-neck ul>.active>a{
color: #08aca3;
font-family: font_2;
}
.web-neck ul>.active:after{
width:100%;
}
.web-neck ul>li:hover>a{
color: #08aca3;
font-family: font_2;
}
.web-neck ul>li:hover::after{
width:100%;
}
.web-neck ul>li:before{
position: absolute;
width:1px;
height: 80%;
content: "";
right: 0;
top: 50%;
transform: translateY(-50%);
background-color:rgba(0,0,0,.1);
}
.web-neck ul>li:last-child:before{
display: none;
}
.web-neck span{
margin-left:auto;
}
.web-neck span>img{
width:26px;
height: 26px;
margin-right:10px;
}
.web-neck span>em{
margin:0 10px;
}
/*鍐呴〉鏁翠綋*/
.ab-01-left{
width:55%;
background-image: url(../images/ab-img1.jpg);
background-repeat:no-repeat;
background-position:bottom;
background-size: 100% auto;
padding-bottom: 50px;
}
.ab-01-left>h5{
color: #08aca3;
}
.ab-01-left>h3{
font-family: font_2;
margin-top:10px;
margin-bottom: 30px;
}
.ab-01-left>p{
line-height: 30px;
margin-top:20px;
color: #7b7b7b;
}
.ab-01-left>ul{
width:90%;
margin-top:30px;
}
.ab-01-left>ul>li h2{
font-family: font_4;
}
.ab-01-left>ul>li p{
margin-top:10px;
font-size: 18px;
color: #7b7b7b;
}
.ab-01-right{
width:40%;
}
.ab-01-right-box{
height: 100%;
position: relative;
}
.ab-01-right-box>img{
left: 50%;
position: absolute;
transform: translateX(-50%);
}
.ab-01-right-box>img:first-child{
height: 75%;
top: -30px;
animation: abimg1 2s infinite;
animation-timing-function: linear;
-webkit-animation: abimg1 2s infinite;
-webkit-animation-timing-function: linear;
}
.ab-01-right-box>img:last-child{
height: 25%;
bottom: 0;
}
.ab-02{
width:100%;
background-color:#fafafa;
/*background-image: url(../images/ab-pic1.jpg);
background-size:cover;*/
}
.ab-02>.cont>h5{
color: #08aca3;
text-align:center;
}
.ab-02>.cont>h3{
font-family: font_2;
margin-top:10px;
margin-bottom: 30px;
text-align:center;
}
.ab-02-box{
width:100%;
margin-top: 60px;
position: relative;
}
.ab-02-box>img{
width:35%;
margin:0 auto;
}
.ab-02-left{
position: absolute;
left: 0;
top: 0;
width:30%;
}
.ab-02-left>span{
margin-top:50px;
display: block;
}
.ab-02-left h4{
font-family: font_2;
color: #08aca3;
/*padding-bottom: 20px;*/
position: relative;
}
/*.ab-02-left>h4:after{
position: absolute;
content: "";
left: 0;
bottom: 0;
width:40px;
height: 2px;
background-color:#08aca3;
}*/
.ab-02-left h4>img{
width:40px;
height: 40px;
float: left;
margin-right:10px;
margin-top: 5px;
}
.ab-02-left p{
margin-top:20px;
line-height: 30px;
}
.ab-02-right{
position: absolute;
right: 0;
top: 0;
width:30%;
}
.ab-02-right>span{
margin-top:40px;
display: block;
width:48%;
text-align:center;
}
.ab-02-right>span>h4{
font-family: font_2;
color: #08aca3;
padding-bottom: 20px;
position: relative;
}
.ab-02-right>span>h4:after{
position: absolute;
content: "";
left: 50%;
bottom: 0;
width:40px;
height: 2px;
transform: translateX(-50%);
background-color:#08aca3;
}
.ab-02-right>span>p{
margin-top:20px;
line-height: 30px;
}
.ab-03{
width:100%;
/*background-image: url(../images/ab-img3.png);
background-size:100% auto;
background-position: bottom;
background-repeat: no-repeat;*/
}
.ab-03>.cont>h5{
color: #08aca3;
text-align:center;
}
.ab-03>.cont>h3{
font-family: font_2;
margin-top:10px;
margin-bottom: 30px;
text-align:center;
}
.ab-03-box{
margin-top:80px;
}
.ab-03-list li{
width:25%;
padding:0 30px;
box-sizing:border-box;
position: relative;
}
.ab-03-list li>span{
position: relative;
}
.ab-03-list li>span>h4{
font-family: font_4;
font-weight: bold;
position: relative;
line-height: 140px;
text-align:center;
}
.ab-03-list li>span>h4:before{
position: absolute;
content: "";
width:120px;
height: 120px;
background-image: url(../images/ab-img4.png);
background-size: 100% 100%;
left: 50%;
top: 10px;
z-index: -1;
transform: translateX(-50%);
}
.ab-03-list li>span>h4:after{
position: absolute;
content: "";
width:140px;
height: 140px;
background-image: url(../images/ab-img4-1.png);
background-size: 100% 100%;
left: 50%;
top: 0;
z-index: -1;
transform: translateX(-50%);
}
.ab-03-list li>span>p{
padding-top:30px;
line-height: 30px;
color: #7b7b7b;
position: relative;
margin-top:30px;
max-height: 180px;
overflow: scroll;
}
.ab-03-list li>span>p:after{
position: absolute;
content: "";
width:30px;
height: 2px;
background-color: #08aca3;
left: 50%;
top: 0;
transform: translateX(-50%);
}
.ab-04{
width:100%;
background-color: #fafafa;
}
.ab-04>.cont>h5{
color: #08aca3;
text-align:center;
}
.ab-04>.cont>h3{
font-family: font_2;
margin-top:10px;
margin-bottom: 30px;
text-align:center;
}
.ab-04-box{
margin-top:80px;
}
.ab-04-left{
width:25%;
background-color: #fafafa;
position: relative;
z-index: 4;
}
.ab-04-left>h4{
font-family: font_2;
color: #08aca3;
margin-top:60px;
}
.ab-04-name{
width:100%;
margin-top:40px;
}
.ab-04-name>ul>li{
width:100%;
}
.ab-04-name p{
margin-top:20px;
position: relative;
padding-left: 80px;
}
.ab-04-name p:after{
position: absolute;
width:60px;
height: 1px;
background-color: #333;
left: 0px;
top: 50%;
content: "";
transform: translateY(-50%);
}
.ab-04-page{
margin-top: 30px;
}
.ab-04-page span{
font-size: 24px;
font-family: font_4;
}
.ab-04-page .swiper-pagination-current{
color: #08aca3;
}
.ab-04-tap{
margin-top:40px;
}
.ab-04-tap>div{
width:70px;
height: 70px;
background-color:#fff;
box-shadow: 0px 4px 9.6px 0.4px rgb(0 0 0 / 6%);
border-radius: 50%;
background-size: 50%;
background-repeat: no-repeat;
background-position:center;
cursor: pointer;
}
.ab-04-tap>div:first-child{
background-image: url(../images/swi-l.png);
}
.ab-04-tap>div:last-child{
margin-right: auto;
margin-left: 40px;
background-image: url(../images/swi-r.png);
}
.ab-04-right{
width:65%;
position: relative;
overflow: hidden;
}
.ab-04-right .swiper{
z-index: 2;
margin-left: 0;
overflow: visible;
}
.ab-04-list{
width:50%;
}
.ab-04-right>img{
width:60%;
position: absolute;
left: -5%;
bottom: -80px;
z-index: 1;
}
.ab-04-list>ul{
width:100%;
}
.ab-04-list>ul>li{
width:100%;
padding:60px;
box-sizing:border-box;
transition: all .6s;
opacity: .3;
}
.ab-04-list>ul>.swiper-slide-active{
padding:0;
padding:40px;
opacity: 1;
}
/*浜у搧鏈嶅姟*/
.pro-all>.cont>h5{
color: #08aca3;
text-align:center;
}
.pro-all>.cont>h3{
font-family: font_2;
text-align:center;
margin-top: 10px;
}
.pro-all>.cont>p{
line-height: 30px;
color: #7b7b7b;
margin:0 auto;
margin-top: 30px;
width:90%;
text-align:center;
}
.pro-all>.cont>p:nth-child(4){
margin-top: 15px;
}
.pro-all>.cont>span{
margin-top:50px;
}
.pro-all>.cont>span>a{
margin:20px 80px;
padding:10px 20px;
border:1px solid rgba(0,0,0,.1);
line-height: 40px;
font-size: 17px;
position: relative;
overflow: hidden;
}
.pro-all>.cont>span>a:after{
position: absolute;
content: "";
left: 50%;
top: 50%;
transform: translate(-50%,-50%);
width:0px;
height: 0px;
z-index: -1;
background-color: #08aca3;
border-radius: 50%;
transition: all 1s;
opacity: 0;
}
.pro-all>.cont>span>a:hover::after{
width:200%;
height: 800%;
opacity: 1;
}
.pro-all>.cont>span>a:hover{
color: #fff;
}
.pro-all>.cont>span>a>img{
width:auto;
height: 40px;
margin-right:15px;
}
.pro-all-1{
background-color: #fafafa;
}
.pro-all-1 img{
width:100%;
margin-top:50px;
}
.pro-all-1>.cont>h5{
color: #08aca3;
text-align:center;
}
.pro-all-1>.cont>h3{
font-family: font_2;
text-align:center;
margin-top: 10px;
margin-bottom: 30px;
}
.pro-all-2>.cont>h5{
color: #08aca3;
text-align:center;
}
.pro-all-2>.cont>h3{
font-family: font_2;
text-align:center;
margin-top: 10px;
margin-bottom: 30px;
}
.pro-all-2-top>img{
width:80%;
margin:0 auto;
}
.pro-all-2-list{
margin-top:50px;
}
.pro-all-2-list li{
width:30%;
padding:20px;
box-sizing:border-box;
box-shadow: 2px 5px 10px 5px rgba(0,0,0,.1);
}
.pro-all-2-list li>h5{
font-family: font_2;
line-height: 30px;
height: 60px;
}
.pro-all-2-list li>p{
line-height: 30px;
color: #7b7b7b;
padding-top: 10px;
border-top: 1px dashed rgba(0,0,0,.1);
}
/*浜у搧涓夌骇鏍忓垪琛?/
.pro-list{
padding-top: 40px;
}
.pro-list ul>li{
width:25%;
padding:0 20px;
box-sizing:border-box;
margin-top:40px;
}
.pro-list ul>li:last-child{
margin-right:auto;
}
.pro-list ul>li>a{
width:100%;
padding:20px;
box-sizing:border-box;
box-shadow: 2px 2px 10px 2px rgba(0,0,0,.1);
border-radius: 5px;
}
.pro-list ul>li>a>.pro-list-box{
border:1px solid rgba(0,0,0,.1);
box-sizing:border-box;
position: relative;
overflow: hidden;
}
.pro-list ul>li>a>.pro-list-box:after{
position: absolute;
content: "";
right: -60px;
top:-60px;
width:60px;
height: 60px;
background-image: url(../images/t-ico.png);
background-size: 100% 100%;
opacity: 0;
transition: all .6s;
}
.pro-list ul>li>a img{
width:20%;
margin:0 auto;
margin-top:30px;
transition: all .6s;
}
.pro-list ul>li>a h5{
margin-top:10px;
padding-top: 15px;
text-align:center;
font-size: 18px;
position: relative;
margin-bottom:30px;
}
.pro-list ul>li>a h5:before{
position: absolute;
content: "";
left: 50%;
top: 0;
width:20px;
height: 3px;
background-color: #08aca3;
transform:translateX(-50%);
}
.pro-list ul>li:hover h5{
color: #08aca3;
font-family: font_2;
}
.pro-list ul>li:hover img{
transform: rotateY(360deg);
-webkit-transform: rotateY(360deg);
}
.pro-list ul>li:hover .pro-list-box{
border:2px solid #08aca3;
}
.pro-list ul>li:hover .pro-list-box:after{
top: 0;
right: 0;
opacity: 1;
}
/*浜у搧涓夌骇鏍忚鎯?/
.pro-info-box{
width:70%;
padding-right: 80px;
box-sizing:border-box;
border-right: 1px solid rgba(0,0,0,.1);
}
.pro-info-box>h4{
line-height: 60px;
box-sizing:border-box;
padding-bottom: 30px;
border-bottom: 1px dashed rgba(0,0,0,.1);
font-family: font_2;
color: #08aca3;
}
.pro-info-box>h4>img{
width:60px;
height: 60px;
float: left;
margin-right:20px;
}
.pro-info-box>h5{
margin-top:50px;
width:100%;
line-height: 42px;
padding-left: 20px;
box-sizing:border-box;
background-color: #fafafa;
position: relative;
}
.pro-info-box>h5:before{
position: absolute;
content: "";
left: 0;
top: 50%;
transform: translateY(-50%);
width:3px;
height: 60%;
background-color: #08aca3;
}
.pro-info-box>p{
font-size: 16px;
line-height: 30px;
margin-top:30px;
}
.pro-info-box>span{
margin-top:30px;
}
.pro-info-box>span img{
width:100%;
}
.pro-info-recd{
width:30%;
padding-left: 80px;
box-sizing:border-box;
}
.pro-info-recd>h4{
line-height: 60px;
box-sizing:border-box;
padding-bottom: 30px;
border-bottom: 1px dashed rgba(0,0,0,.1);
font-family: font_2;
}
.pro-info-recd>ul{
margin-top:50px;
}
.pro-info-recd>ul>li{
width:100%;
padding:10px;
box-sizing:border-box;
border: 1px solid rgba(0,0,0,.1);
margin-top:20px;
}
.pro-info-recd>ul>li:first-child{
margin-top:0;
}
.pro-info-recd>ul>li>a{
position: relative;
}
.pro-info-recd>ul>li>a:after{
position: absolute;
content: "";
right: 0;
top: 50%;
width:20px;
height: 20px;
transform: translateY(-50%);
background-image: url(../images/more-ic.png);
background-size:100% 100%;
}
/*绉诲姩鎵嬫寔缁堢*/
.product-01-left{
width:60%;
}
.product-01-left>h5{
color: #08aca3;
}
.product-01-left>h3{
font-family: font_2;
margin-top: 10px;
margin-bottom: 30px;
}
.product-01-left>p{
width:80%;
margin-top: 30px;
line-height: 30px;
color: #7b7b7b;
}
.product-01-left>h5:nth-child(3){
position: relative;
padding-left: 60px;
box-sizing:border-box;
}
.product-01-left>h5:nth-child(3):before{
position: absolute;
content: "";
left: 0;
top: 50%;
width:50px;
height: 2px;
background-color:#08aca3;
transform: translateY(-50%);
}
.product-01-right{
width:35%;
}
.product-01-right>img{
width:100%;
}
.product-02{
background-color:#fafafa;
}
.product-02 .product-01-left{
width:55%;
margin-left:auto;
}
.product-02 .product-01-left p{
width:90%;
}
/*鏂伴椈鍒楄〃*/
.news-list{
width: 100%;
}
.news-list ul:after {
display:block;
content:"";
width: 30%;
height:0px;
}
.news-list ul>li{
width: 30%;
margin-bottom: 60px;
}
.news-list ul>li>a>.img_box{
width: 100%;
height: 260px;
}
.news-list-info{
width: 100%;
padding:30px;
box-sizing: border-box;
box-shadow: 2px 2px 10px rgba(0,0,0,.1);
}
.news-list-info>p{
color: #08aca3;
}
.news-list-info>h5{
margin-top: 15px;
font-weight: bold;
}
.news-list-info>p:nth-child(3){
margin-top: 15px;
line-height: 30px;
color: #7b7b7b;
}
.news-list-info>img{
margin-top: 15px;
width:20px;
}
.new-tap>ul>li:hover{
background-color: #2329a2;
}
.new-tap>ul>li:hover>a{
color: #fff;
}
.new-tap>ul>li:hover .img-1{
display: none;
}
.new-tap>ul>li:hover .img-2{
display: block;
}
/*page 鍒嗛〉鍣?/
.pagination {
display: flex;
justify-content: center;
margin-top: 10px;
}
.pagination a {
background: #fff;
border: 1px solid #ccc;
color: #333;
font-size: 14px;
padding: 8px 12px;
margin: 0 5px;
border-radius: 3px;
}
.pagination span {
color: #333;
font-size: 14px;
padding: 8px 2px;
margin: 0 5px;
border-radius: 3px;
}
.pagination a:hover {
color: #08aca3;
border: 1px solid #08aca3;
}
.pagination a.page-num-current {
color: #fff;
background: #08aca3;
border: 1px solid #08aca3;
}
.my-4{
margin-top:40px;
}
/*鏂伴椈璇︽儏*/
.news_inner{
width: 100%;
padding: 60px 0;
position: relative;
z-index: 1;
background:#fff;
}
.news_inner img{
margin: 0 auto;
}
.news_inner>.cont>.ym_tit{
margin-bottom: 30px;
text-align:center;
font-family: font_2;
}
.news_inner>.cont>p:nth-child(2){
text-align: center;
height: 40px;
border-bottom: 1px solid #eee;
font-size: 14px;
}
.news_inner>.cont>span{
padding: 20px 0;
display: block;
font-size: 14px;
color: #6f7173;
}
.news_inner>.cont>span img{
max-width: 100% !important;
height: auto!important;
}
.news_inner>.cont>div{
width: 100%;
margin-top:30px;
height: 60px;
line-height:30px;
}
.news_inner>.cont>div>em:first-child{
float: left;
display: block;
}
.news_inner>.cont>div>em:last-child{
float: right;
display: block;
}
.news_inner>.cont>div>em>a{
color: #333;
display: inline-block;
}
.news_inner>.cont>div>em>a:hover{
color: #00478B;
}
.news_inner>.cont>.video-box{
width:100%;
height: 100%;
}
.news_inner video{
width:80%;
margin:0 auto;
display: block;
}
/*鍚堜綔妗堜緥*/
.coop-list>.cont>h5{
color: #08aca3;
}
.coop-list>.cont>h3{
font-family: font_2;
margin-top: 10px;
margin-bottom: 30px;
}
.coop-list ul{
width:100%;
}
.coop-list ul>li{
width:25%;
padding:15px;
box-sizing:border-box;
}
.coop-list ul>li>dl{
box-sizing: border-box;
border:1px solid rgba(0,0,0,.1);
min-height: 185px;
}
.coop-list ul>li>dl>dt{
width:100%;
font-size: 20px;
font-family: font_2;
text-align:center;
line-height: 40px;
border-bottom: 1px dashed rgba(0,0,0,.1);
background-color:#08aca3;
color: #fff;
height: 40px;
}
.coop-list ul>li>dl>dd{
width:100%;
margin-top: 10px;
line-height: 30px;
min-height: 30px;
border-bottom: 1px dashed rgba(0,0,0,.1);
padding-bottom: 5px;
box-sizing: border-box;
text-align:center;
}
/*鑱旂郴鎴戜滑*/
.cat-1{
width: 100%;
background-color: #fafafa;
}
.cat-1-l{
width: 40%;
background-color: #fff;
padding: 30px;
box-sizing: border-box;
}
.cat-1-l>ul>li{
padding:20px 0;
box-sizing: border-box;
border-bottom: 1px solid rgba(0,0,0,.1);
}
.cat-1-l>ul>li:last-child{
border-bottom: none;
}
.cat-1-l>ul>li>img{
height: 40px;
margin-top:10px;
}
.cat-1-l>ul>li>span{
width: 80%;
margin-right: auto;
margin-left: 10px;
}
.cat-1-l>ul>li>span>h5:first-child{
color: #08aca3;
}
.cat-1-l>ul>li>span>h5:last-child{
margin-top: 5px;
font-size: 17px;
}
.zxdt_box{
width: 60%;
background-color:#fff;
}
.zxdt{
width: 100%;
height: 100%;
}
.bddt_box{
width: 100%;
height: 100%;
}
.bddt{
width: 100%;
height: 100%;
}
.cat-2{
background-image:url(../images/cat-bj1.jpg);
background-size:cover;
background-position: bottom;
}
.cat-2 h3{
text-align: center;
margin-top: 10px;
font-family: font_2;
}
.cat-2 .tit>h5{
color: #08aca3;
text-align: center;
}
.cat-2 form{
margin-top: 60px;
}
.cat-2 form>p{
background-color:#fafafa;
width: 30%;
padding:10px 20px;
box-sizing: border-box;
line-height: 30px;
margin-bottom: 15px;
}
.cat-2 form>p>input{
width: 70%;
border:none;
background-color: rgba(255,255,255,.0);
height: 30px;
}
.cat-2 form>p>input[type='radio']{
width: 20px;
border:none;
background-color: rgba(255,255,255,.0);
height: 20px;
vertical-align: middle;
margin-top: 0;
}
.cat-2 form>p:nth-child(4){
width: 100%;
margin-top: 30px;
}
.cat-2 form>p:nth-child(4)>i{
width: 100%;
display: block;
}
.cat-2 form>p:nth-child(4)>textarea{
width: 100%;
height: 150px;
margin-top: 10px;
border:none;
outline: none;
background-color: rgba(255,255,255,.0);
}
.cat-2 form>button{
width: 180px;
line-height: 50px;
font-size: 18px;
margin:0 auto;
margin-top: 40px;
}
.cat-apply-2 form>p:nth-child(4){
width: 30%;
margin-top: 0px;
}
.cat-apply-2 form>p:nth-child(4)>i{
width: auto;
display: inline-block;
}
.cat-apply-2 form>p:nth-child(8),.cat-apply-2 form>p:nth-child(9){
background: transparent;
}
/*鎼滅储椤甸潰*/
.seach-list{
width:100%;
}
.seach-list ul>li{
padding:30px;
box-sizing:border-box;
border-bottom:1px solid rgba(0,0,0,.1);
}
.seach-list-left{
width:100%;
}
.seach-list-left>h4{
font-family: font_2;
position: relative;
}
.seach-list-left>p{
line-height: 30px;
color: #7b7b7b;
margin-top: 20px;
}
.seach-list-left>span{
width:100%;
margin-top:20px;
display: flex;
}
.seach-list-left>span>p{
color: #08aca3;
font-size: 18px;
}
/* 2022.9.23 */
.dreamer-ul li{
width: auto !important;
margin-bottom: 0 !important;
float: left;
padding: 0 !important;
border-bottom: 0 !important;
}
.pagination .dreamer-ul a{
padding: 0;
height: 30px;
width: 30px;
line-height: 30px;
text-align: center;
}
.fa-angle-double-left{
background: url(../images/home.png) no-repeat;
background-size: 50%;
width: 100%;
height: 100%;
display: block;
background-position: center;
}
.fa-angle-left{
background: url(../images/left.png) no-repeat;
background-size: 50%;
width: 100%;
height: 100%;
display: block;
background-position: center;
}
.fa-angle-right{
background: url(../images/right.png) no-repeat;
background-size: 50%;
width: 100%;
height: 100%;
display: block;
background-position: center;
}
.fa-angle-double-right{
background: url(../images/last.png) no-repeat;
background-size: 50%;
width: 100%;
height: 100%;
display: block;
background-position: center;
}
.toHome{
color: #fff;
display: inline-block;
padding: 15px 30px;
border: 1px solid #fff;
margin-top: 20px;
font-size: 2em;
}
.dreamer-location{
display: flex;
}