/*头部样式*/
html{
overflow-x: hidden;
}
.header{
position: fixed;
top:0;
left:0;
width: 100%;
background:#484848;
z-index: 999999;
transition: all 0.5s ease-out;
}
.header.c-head-hide.c-head-move{
opacity: 0;
z-index: -99999;
top:-100px;
}
.header.c-head-hide{
background:rgba(72,72,72,.75);
top:0;
}
.head_bg{
position: absolute;
bottom:-37px;
left:0;
/*width: 1920px;*/
z-index: 8;
width: 100%;
}
.head_bg img{
max-width: none;
position: relative;
}
.head_bg_c{
position: relative;
}
.head_bg_c:after{
content:'';
position: absolute;
top:50%;
left:0;
width: 100%;
height: 3px;
margin-top:-1.5px;
background: #ff5000;
}
.wrap{
width: 88%;
max-width: 1540px;
margin: 0 auto;
}
.head{
display: flex;
justify-content: space-between;
align-items: center;
}
.logo{
max-width: 30%;
position: relative;
z-index: 99;
}
.logo .img2{
display: none;
}
.head_r{
display: flex;
flex-wrap: wrap;
align-items:center;
position: relative;
z-index: 99;
position: relative;
}
.head_r:after{
content:'';
position: absolute;
left:39px;
top:50%;
margin-top:-8.5px;
width: 1px;
height: 17px;
background:#878886;
}
.head_r a{
}
.language{
position: relative;
transition: all 0.5s ease-out;
margin-left: 47px;
}
.language a.a1{
line-height: 74px;
font-size: 15px;
color: #c5c7c4;
position: relative;
z-index: 9;
}
.language a.a1 img{
margin-right: 10px;
}
.language a.a1 i{
display: inline-block;
margin-left: 19px;
width: 8px;
height: 5px;
background:url(../images/arrow.png) no-repeat right center;
}
.language:hover a.a1 i{
transform: rotate(-180deg);
}
.language_c{
position: absolute;
top:74px;
left:50%;
width: 64px;
margin-left: -32px;
display: none;
}
.language_c a{
display: block;
font-size: 15px;
color: #ff5000;
height: 45px;
line-height: 45px;
background:#484848;
text-align: center;
}
.language:hover .language_c{
display: block;
}
.nav{
display: flex;
/* position: relative;
z-index: 99;*/
}
.nav li{
margin-right: 50px;
transition:0.5s;
}
.nav li:last-child{
margin-right: 0;
}
.nav li a.a1{
display: block;
font-size: 15px;
color: #c5c7c4;
text-align: center;
line-height: 74px;
position: relative;
z-index: 9;
}
.nav li:hover a.a1{
color: #ff5000;
}
.nav li .b_nav{
display: none;
position: absolute;
top:74px;
left:0px;
z-index: 999;
background: rgba(72,72,72,.8);
width: 100%;
z-index: 99;
border-radius: 37px 0 0 0;
}
.b_nav2{
display: none;
}
.b_nav2 .wrap{
display: flex;
justify-content: center;
}
.b_nav2 .wrap a{
font-size: 15px;
color: #fff;
margin:0 15px;
}
.b_nav1 .wrap{
max-width: 560px;
}
.b_nav2 .wrap{
max-width: 1410px;
}
.nav li .b_nav .wrap{
padding:22px 0px;
}
.nav li .b_nav dl{
display: flex;
flex-wrap: wrap;
margin-bottom: 10px;
width: 100%;
}
.nav li .b_nav dt,.nav li .b_nav dt a{
display: block;
width: 135px;
font-size:15px;
color: #fff;
}
.nav li .b_nav dd{
display: flex;
flex-wrap: wrap;
width: calc(1005 - 135px);
}
.nav li .b_nav a{
display: block;
font-size: 15px;
color: #c5c7c4;
margin-right: 22px;
font-family: "syLight";
font-weight: 400;
}
.nav li .b_nav a:last-child{
margin-right: 0;
}
.nav li .b_nav a:hover{
color: #ff5000;
}
#c-banner1{
height: 100vh;
background: #000;
}
#c-banner1 img{
opacity: 0;
height: 100vh;
width: 100%;
}
#c-banner1 .swiper-pagination{
bottom:110px;
}
.swiper-pagination .swiper-pagination-bullet{
border-radius: 0!important;
}
#c-banner1 .swiper-pagination .swiper-pagination-bullet {
background:#fff;
opacity: 0.3;
width: 48px;
height: 5px;
margin:0 8px;
}
#c-banner1 .swiper-pagination .swiper-pagination-bullet-active{
background:#ff5000;
opacity: 1;
}
.swiper-container .swiper-button-prev.swiper_left,.swiper-container .swiper-button-next.swiper_right{
width: 29px;
height: 59px;
background:url(../images/left1.png) no-repeat left center;
margin-top:-29.5px;
}
.swiper-container .swiper-button-prev.swiper_left{
left:112px;
}
.swiper-container .swiper-button-prev.swiper_left:hover{
background:url(../images/right1.png) no-repeat right center;
transform: rotate(-180deg);
}
.swiper-container .swiper-button-next.swiper_right{
right:112px;
transform: rotate(-180deg);
}
.swiper-container .swiper-button-next.swiper_right:hover{
background:url(../images/right1.png) no-repeat right center;
transform: rotate(-0deg);
}
.banner_bg{
position: absolute;
top:0;
left:0;
width: 100%;
height: 100%;
opacity: 0;
z-index: -1;
}
.banner_text{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
display: flex;
flex-direction: column;
justify-content: center;
z-index: 99;
/*display: none;*/
}
.banner_text .wrap{
padding-left: 45px;
}
.banner_text .text{
padding-left: 33px;
position: relative;
}
.banner_text .text:before{
content:'';
position: absolute;
left:0;
top:0;
width: 1px;
height: 100%;
background:#ff5000;
}
.banner_text .p1{
font-size:32px;
color: #ff5000;
display: flex;
flex-wrap: wrap;
align-items:center;
line-height: 1;
letter-spacing: 2px;
padding:5px 0 0;
}
.banner_text .p1 span{
font-size:40px;
margin-right: 15px;
letter-spacing: 5px;
font-family: "sySC-Light";
}
.banner_text .p1 i{
display: block;
font-style: normal;
width: 100%;
margin-top:10px;
font-size:32px;
}
.banner_text .p1 em{
display: block;
font-style: normal;
width: 100%;
font-size:24px;
margin-top:10px;
}
.banner_text .p2{
font-size:17px;
color: #fff;
margin-top:15px;
line-height: 1.4;
opacity: .5;
}
@media(max-width: 1600px){
.wrap{
width: 90%;
}
.swiper-container .swiper-button-prev.swiper_left{
left: 50px;
}
.swiper-container .swiper-button-next.swiper_right{
right: 50px;
}
}
@media(max-width: 1280px){
.swiper-container .swiper-button-prev.swiper_left{
left: 20px;
}
.swiper-container .swiper-button-next.swiper_right{
right: 20px;
}
}
@media(max-width: 1199px){
.wrap{
width: 94%;
max-width:calc(100% - 40px);
}
}
@media(max-width: 1099px){
.head_bg {
bottom: -21px;
/*width: 1099px;*/
}
.head_bg img{
height:42px;
}
.menu-button{
display: block;
}
.nav{
display: none;
}
}
@media(max-width: 991px){
}
@media(max-width: 820px){
.head_bg {
bottom: -16px;
/*width: 820px;*/
}
.head_bg img{
height:32px;
}
.banner_bg{
opacity: 1;
}
#c-banner1 .swiper-slide{
background:none!important;
}
}
@media(max-width: 640px){
.logo{
max-width: 40%;
}
.logo img{
max-height:19px;
}
.logo .img1{
display: none;
}
.logo .img2{
display: inline-block;
}
.menu-button{
top:25px;
}
/*.head_r{*/
/* margin-left:4%;*/
/*}*/
.language{
margin-left:30px;
}
.language a.a1{
line-height:60px;
}
.language a.a1 i{
margin-left:12px;
}
.language_c{
top:60px;
}
.head_r:after{
left:30px;
}
.banner_text{
justify-content: flex-start;
padding-top: 30%;
}
.banner_text .wrap{
padding-left:0;
}
.banner_text .p1{
line-height:1.4;
font-size:16px;
}
.banner_text .p1 span{
font-size:26px;
}
.banner_text .text{
padding-left:20px;
margin-left:15px;
}
.swiper-container .swiper-button-prev.swiper_left{
width:20px;
}
.swiper-container .swiper-button-next.swiper_right{
width:20px;
}
.head_bg_c:after{
height: 2px;
margin-top:-1px;
}
}
.index1{
margin-top:-75px;
position: relative;
z-index: 9;
}
#index1{
position: absolute;
top:-74px;
left:0;
width: 100%;
height: 1px;
}
.index1_t1{
text-align: center;
border-radius: 35px 35px 0 0;
height: 75px;
line-height: 75px;
background:#e6e6e6;
position: relative;
}
.index1_t1 a{
display: block;
position: absolute;
right:40px;
top:24px;
height: 28px;
line-height: 28px;
cursor: pointer;
z-index: 9;
}
.index_txt1{
font-size:14px;
color: #484848;
text-align: center;
}
.index_txt1 p{
max-width: 655px;
margin:0 auto;
}
.index1 .index_txt1{
padding:20px 0 45px;
}
.bg1{
background:#e6e6e6;
}
.index1 ul{
display: flex;
/*flex-wrap: wrap;*/
}
.index1 ul li{
display: flex;
align-items:center;
background:#ff5000;
width: 31%;
margin-right: 3.5%;
border-radius: 15px;
}
.index1 ul li:last-child{
margin-right: 0;
}
.index1 ul li .img1{
width: 108px;
text-align: center;
}
.index1 ul li .text{
width: calc(100% - 108px);
}
.index1 ul li .text .img{
border-radius: 0 15px 0 25px;
}
.index1 ul li .text .img img{
width: 100%;
}
.index1 ul li .text .txt{
height: 120px;
margin-top:2px;
background:#fff;
border-radius: 25px 0 15px 0;
text-align: left;
padding:18px 46px 10px 30px;
}
.index1 ul li .text .txt h3{
font-size:24px;
color: #484848;
line-height: 1;
font-weight: normal;
}
.index1 ul li .text .txt p{
font-size:14px;
color: #484848;
line-height: 1.8;
margin-top:10px;
}
.index1 ul li:hover{
box-shadow: 0 0 10px #999;
}
.index1 ul li:hover .text .txt h3{
color: #ff5000;
}
.index1 ul li:hover .text .img img{
transform: scale(1.05);
}
@media(max-width: 1600px){
.index1 ul li .text .txt h3{
font-size:20px;
}
.index1 ul li .text .txt{
padding:18px 20px 10px 20px;
}
.index1 ul li .text .txt p{
font-size:13px;
line-height:1.6;
}
}
@media(max-width: 1280px){
}
@media(max-width: 1199px){
.index1 ul li .text .txt h3{
font-size:18px;
}
}
@media(max-width: 1024px){
.index1 ul li{
width:32%;
margin-right:2%;
}
.index1 ul li .img1{
width:90px;
}
.index1 ul li .img1 img{
max-width:70%;
}
.index1 ul li .text {
width: calc(100% - 90px);
}
.index1 ul li .text .txt{
padding:18px 15px;
}
.index1 ul li .text .txt p{
font-size:12px;
}
}
@media(max-width: 820px){
.index1 ul li .img1{
width:75px;
}
.index1 ul li .text {
width: calc(100% - 75px);
}
.index1 ul li .text .txt h3{
font-size:16px;
}
}
@media(max-width: 767px){
.index1 .index_txt1 {
padding: 20px 0 30px;
}
.index1 ul li{
width:100%;
margin-bottom:0px;
}
.index1 ul li:last-child{
margin-bottom:0;
}
.index1 ul li .img1{
width:90px;
}
.index1 ul li .text {
width: calc(100% - 90px);
}
.index1 ul li .text .txt{
height:110px;
}
#m_index1{
padding-bottom: 35px;
}
#m_index1 .swiper-pagination{
bottom:0px;
}
#m_index1 .swiper-pagination .swiper-pagination-bullet {
background:#4d4d4d;
opacity: 0.3;
width: 30px;
height: 5px;
margin:0 8px;
}
#m_index1 .swiper-pagination .swiper-pagination-bullet-active{
background:#ff5000;
opacity: 1;
}
}
@media(max-width: 640px){
.index1_t1{
border-radius: 25px 25px 0 0;
height: 55px;
line-height: 55px;
}
.index1_t1 img{
max-width:75%;
}
.index1_t1 a{
display:none;
}
}
.index2{
padding:185px 0 170px;
}
.index_t1{
text-align: center;
}
.index2 .index_txt1{
padding:28px 0 35px;
}
.index2_cont{
position: relative;
padding:1px 84px;
}
.index2_cont:before{
content:'';
position: absolute;
top:0;
left:0;
width: 100%;
height: 1px;
background:#b6b6b6;
}
.index2_cont:after{
content:'';
position: absolute;
top:540px;
left:0;
width: 100%;
height: 1px;
background:#b6b6b6;
}
#index2_c{
margin-bottom: 50px;
padding:0 17px 50px;
}
#index2_c .swiper-slide{
padding:85px 57px 64px;
position: relative;
height: 540px;
/* overflow: hidden;*/
}
#index2_c .swiper-slide:hover{
background:#f8f8f8;
}
#index2_c .swiper-slide .cont{
max-width: 214px
}
#index2_c .swiper-slide:before{
content:'';
width: 37px;
height: 100%;
position: absolute;
left:-17px;
top:0px;
background:url(../images/bg_logo2.png) no-repeat;
z-index: 2;
}
#index2_c .swiper-slide.swiper-slide-duplicate.swiper-slide-duplicate-active{
opacity: 0;
}
#index2_c .swiper-slide .img{
border-radius: 25px;
max-width: 215px;
}
#index2_c .swiper-slide .img img{
}
#index2_c .swiper-slide h3{
font-size:34px;
line-height: 1;
font-weight: normal;
margin:25px 0 12px;
}
#index2_c .swiper-slide p{
font-size:14px;
margin-bottom: 36px;
line-height: 1.8em;
height: 3.6em;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
}
#index2_c .swiper-slide:after{
content:'';
width: 17px;
height: 100%;
position: absolute;
left:0;
top:0px;
background:#e6e6e6;
z-index: 1;
opacity: 0;
}
#index2_c .swiper-slide span{
display: inline-block;
width: 38px;
height: 21px;
background:url(../images/more1.png) no-repeat right center;
}
#index2_c .swiper-slide:hover .img img{
transform: scale(1.05);
}
#index2_c .swiper-slide:hover p{
color: #484848;
}
#index2_c .swiper-slide:hover span{
background:url(../images/more1_h.png) no-repeat right center;
}
.index2_cont .swiper-button-prev,.index2_cont .swiper-button-next{
width: 50px;
height: 70px;
margin-top:-70px;
}
.index2_cont .swiper-button-prev{
left:10px;
background:url(../images/left2.png) no-repeat center;
}
.index2_cont .swiper-button-prev:hover{
background:url(../images/right2.png) no-repeat center;
transform:rotate(-180deg);
}
.index2_cont .swiper-button-next{
right:10px;
background:url(../images/left2.png) no-repeat center;
transform:rotate(-180deg);
}
.index2_cont .swiper-button-next:hover{
background:url(../images/right2.png) no-repeat center;
transform:rotate(0deg);
}
#index2_c .swiper-pagination{
bottom:0;
}
#index2_c .swiper-pagination .swiper-pagination-bullet {
background:#4d4d4d;
opacity: 0.5;
width: 48px;
height: 5px;
margin:0 8px;
}
#index2_c .swiper-pagination .swiper-pagination-bullet-active{
background:#ff5000;
opacity: 1;
}
a.more2{
display: flex;
align-items:center;
justify-content: center;
width: 93px;
height: 40px;
font-size:14px;
color: #484848;
border:1px solid #8d8d8d;
border-radius: 5px;
margin:0 auto;
}
a.more2:hover{
background:#ff5000;
border:1px solid #ff5000;
color: #fff;
}
@media(max-width: 1600px){
.index2{
padding:100px 0;
}
#index2_c .swiper-slide{
height: 450px;
padding:60px 30px 50px;
}
.index2_cont:after{
top:450px;
}
#index2_c .swiper-slide h3{
font-size:26px;
}
#index2_c .swiper-slide p{
margin-bottom:25px;
}
}
@media(max-width: 1280px){
.index2{
padding:75px 0;
}
#index2_c .swiper-slide h3{
font-size:20px;
margin:20px 0 10px;
}
#index2_c .swiper-slide p{
margin-bottom:20px;
}
}
@media(max-width: 1099px){
#index2_c .swiper-slide{
/*height: 400px;*/
padding:30px 20px 20px;
}
/*.index2_cont:after{*/
/* top:400px;*/
/*}*/
}
@media(max-width: 1024px){
}
@media(max-width: 820px){
.index2{
padding:55px 0;
}
.index2_cont{
padding:1px 50px;
}
#index2_c .swiper-slide{
height: 380px;
}
.index2_cont:after{
top:380px;
}
#index2_c .swiper-slide h3{
font-size:18px;
}
.index2_cont .swiper-button-prev{
left:0px;
}
.index2_cont .swiper-button-next{
right:0px;
}
}
@media(max-width: 640px){
.index2{
padding:40px 0;
}
.index_t1 img{
max-width:80%;
}
.index2 .index_txt1 {
padding: 20px 0 30px;
}
.index2_cont {
padding: 1px 25px;
}
.index2_cont .swiper-button-prev{
background:url(../images/left2.png) no-repeat left center;
}
.index2_cont .swiper-button-prev:hover{
background:url(../images/right2.png) no-repeat right center;
transform:rotate(-180deg);
}
.index2_cont .swiper-button-next{
background:url(../images/left2.png) no-repeat left center;
transform:rotate(-180deg);
}
.index2_cont .swiper-button-next:hover{
background:url(../images/right2.png) no-repeat right center;
transform:rotate(0deg);
}
.index2_cont .swiper-button-prev, .index2_cont .swiper-button-next{
width:20px;
height:50px;
}
.index2_cont .swiper-button-prev{
left:-10px;
}
.index2_cont .swiper-button-next{
right:-10px;
}
#index2_c {
margin-bottom: 35px;
padding: 0 17px 35px;
}
#index2_c .swiper-slide h3{
font-size:17px;
}
/*#index2_c .swiper-slide{*/
/* padding:20px 5px;*/
/*}*/
#index2_c .swiper-slide span{
width:20px;
height:15px;
}
#index2_c .swiper-pagination .swiper-pagination-bullet{
width:30px;
}
}
@media(max-width: 460px){
.index2_cont {
padding: 1px 20px;
}
#index2_c .swiper-slide{
height: 300px;
}
.index2_cont:after{
top:300px;
}
}
.index3{
position: relative;
padding:80px 0;
background: url(../images/fixed_bg.jpg) center center no-repeat;
background-size: cover;
background-attachment: fixed;
/*min-height: 100vh;*/
}
.index3:after{
content:'';
position: absolute;
top:0;
left:0;
width: 100%;
height: 100%;
background:#e6e6e6;
z-index: -2;
}
.index3_bg{
position: fixed;
top:85px;
left:0;
width: 100%;
height: 100%;
background:url(../images/fixed_bg.jpg) no-repeat center;
background-size: cover;
z-index: -1;
}
.index3 .index_t1{
line-height: 85px;
}
.index3 .txt{
margin:25px 0 55px;
}
.index3_list{
display: flex;
flex-wrap: wrap;
justify-content: center;
}
.index3_list li{
width: 35.7%;
margin-right: 8%;
}
.index3_list li:last-child{
margin-right: 0;
}
.index3_list li a{
display: block;
background:#ff5000;
padding-left: 9px;
}
.index3_list li .img{
border-radius: 0 0 0 25px;
}
.index3_list li:hover .img img{
transform:scale(1.1);
}
.index3_more{
display: flex;
justify-content: space-between;
align-items:center;
padding:10px 42px 10px 55px;
height: 65px;
background:#fff;
border-radius: 25px 0 0 0;
margin-top:2px;
}
.index3_more h3{
font-size:22px;
color: #484848;
font-weight: 500;
line-height: 1;
font-family: "syLight";
}
.index3_list li:hover .index3_more h3{
color: #ff5000;
}
.index3_more i{
width: 38px;
height: 21px;
background:url(../images/more1.png) no-repeat right center;
}
.index3_list li:hover .index3_more i{
background:url(../images/more1_h.png) no-repeat right center;
}
@media(max-width: 1600px){
.index3_more {
display: flex;
justify-content: space-between;
align-items: center;
padding: 10px 30px 10px 35px;
height: 60px;
}
.index3_more h3{
font-size:20px;
}
.index3 .index_t1{
line-height:65px;
}
}
@media(max-width: 1280px){
.index3_more {
padding: 10px 25px;
height: 50px;
}
.index3_more h3{
font-size:18px;
}
}
@media(max-width: 1199px){
}
@media(max-width: 991px){
.index3_list li{
width:40%;
}
.index3{
background:none;
}
}
@media(max-width: 820px){
.index3{
padding:55px 0;
}
.index3_more {
padding: 10px 15px;
}
.index3_more h3{
font-size:17px;
}
.index3_list li{
width:42%;
margin-right:6%;
}
.index3 .index_t1{
line-height:55px;
}
}
@media(max-width: 640px){
.index3{
padding:40px 0;
}
.index3 .index_t1{
line-height:1.4;
}
.index3_list li{
width:48%;
margin-right:4%;
}
.index3_list li a{
padding-left:5px;
}
.index3_list li .img{
border-radius:0 0 0 20px;
}
.index3_more{
border-radius:20px 0 0 0 ;
}
.index3_more h3{
font-size:14px;
}
.index3_more {
padding: 10px 10px;
}
.news_list1 li a .text .p1 i,.index3_more i{
width:20px;
height:15px;
}
}
.index4{
padding:230px 0 230px;
}
.index4_cont{
margin-top:50px;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
position: relative;
}
.index4_cont:after{
content:'';
position: absolute;
top:0;
left:53.75%;
width: 1px;
height: 100%;
background:#bebebe;
}
.index4_l{
width: 46.5%;
}
.news_list1{
}
.news_list1 li{
}
.news_list1 li a{
}
.news_list1 li a .img{
position: relative;
}
.news_list1 li a .img:after{
content:'';
position: absolute;
top:0;
left:0;
width: 100%;
height: 36px;
background:url(../images/news_bg1.png) no-repeat top left;
}
.news_list1 li a .img img{
width: 100%;
}
.news_list1 li:hover a .img img{
transform:scale(1.05);
}
.news_list1 li a .text{
}
.news_list1 li a .text .p1{
display: flex;
justify-content: space-between;
align-items: center;
margin:22px 0 18px;
}
.news_list1 li a .text .p1 span{
font-size:18px;
color: #ff5000;
line-height: 1;
}
.news_list1 li a .text .p1 i{
width: 38px;
height: 21px;
background:url(../images/more1.png) no-repeat right center;
}
.news_list1 li:hover a .text .p1 i{
background:url(../images/more1_h.png) no-repeat right center;
}
.news_list1 li a .text .p2{
font-size: 24px;
line-height: 1.2;
margin-bottom: 15px;
}
.news_list1 li a .text .p3{
font-size:15px;
color: #484848;
line-height: 1.8;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
overflow: hidden;
}
.index4_r{
width: 39%;
}
.news_list2{
margin-bottom: 70px;
}
.news_list2 li{
margin-bottom: 40px;
}
.news_list2 li a{
display: flex;
flex-wrap: wrap;
}
.news_list2 li a .img{
width: 106px;
height: 107px;
}
.news_list2 li a .img img{
width: 100%;
/*height: 100%;*/
max-height: 100%;
max-width: 100%;
}
.news_list2 li a:hover .img img{
transform: scale(1.1);
}
.news_list2 li a .text{
width: calc(100% - 106px);
padding:0px 0 0 32px;
}
.news_list2 li a .text .p1{
display: flex;
justify-content: space-between;
align-items: center;
margin:0px 0 15px;
font-size:18px;
color: #ff5000;
line-height: 1;
}
.news_list2 li a .text .p1 i{
width: 38px;
height: 21px;
background:url(../images/more1.png) no-repeat right center;
}
.news_list2 li:hover a .text .p1 i{
background:url(../images/more1_h.png) no-repeat right center;
}
.news_list2 li a .text .p2{
line-height: 1;
font-size:21px;
color: #484848;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
margin-bottom: 5px;
}
.news_list2 li:hover a .text .p2{
color: #ff5000;
}
.news_list2 li a .text .p3{
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
font-size:15px;
color: #484848;
line-height: 1.8;
}
.index_more{
display: flex;
justify-content: flex-end;
}
.index_more a.more2{
margin:0;
}
.index_bottom{
padding-bottom: 40px;
text-align: center;
}
@media(max-width: 1600px){
.index4{
padding:120px 0;
}
.index4_l{
width:49%;
}
.news_list1 li a .text .p1 span{
font-size:16px;
}
.news_list1 li a .text .p2{
font-size:18px;
margin-bottom:10px;
}
.news_list1 li a .text .p3,.news_list2 li a .text .p3{
font-size:14px;
}
.index4_r{
width:42%;
}
.news_list2{
margin-bottom:50px;
}
.news_list2 li{
margin-bottom:25px;
}
.news_list2 li a .text{
padding:0px 0 0 20px;
}
.news_list2 li a .text .p1{
font-size:15px;
}
.news_list2 li a .text .p2{
font-size:16px;
}
}
@media(max-width: 1280px){
.index4{
padding:95px 0;
}
.news_list2{
margin-bottom:35px;
}
.news_list2 li{
margin-bottom:15px;
}
.news_list2 li a .text .p3{
font-size:13px;
}
}
@media(max-width: 1199px){
}
@media(max-width: 991px){
.index4{
padding:75px 0;
}
}
@media(max-width: 820px){
.index4{
padding:55px 0;
}
.index4_cont:after{
display:none;
}
.index4_l{
width:100%;
max-width:718px;
margin:0 auto;
}
.news_list1 li a .text .p2{
font-size:17px;
}
.news_list2 li a .text .p1 i{
width:20px;
height:15px;
}
.index4_r{
width:100%;
margin-top:30px;
padding-top:30px;
border-top:1px solid #a7a7a7;
}
.news_list2 li a .img{
height:auto;
}
.news_list2 li a .text .p1{
font-size:14px;
margin: 0px 0 10px;;
}
.index_more{
justify-content:center;
}
}
@media(max-width: 640px){
.index4{
padding:40px 0;
}
.index_bottom{
display:none;
}
}
.right_fixed{
position: fixed;
top:50%;
right:0;
margin-top:-29px;
z-index: 9999;
cursor: pointer;
}
.right_fixed .img2{
left:202px;
position: absolute;
top:0;
width: 202px;
/*transition: all 0.5s ease-out;*/
}
.right_fixed:hover .img1{
/*display: none;*/
opacity: 0;
}
.right_fixed:hover .img2{
/*display: block;*/
left:-144px;
}
/*页面底部*/
footer{
background:#484848;
position: relative;
}
.foot_logo{
position: absolute;
top:0;
left:0;
z-index: 8;
width: 100%;
}
.foot_logo img{
max-width: none;
}
.foot_logo_c{
position: relative;
}
.foot_logo_c:after {
content: '';
position: absolute;
top: 50%;
left: 0;
width: 100%;
height: 2px;
margin-top: -1px;
background: #ff5000;
}
/*footer:after{*/
/* content:'';*/
/* position: absolute;*/
/* top:0;*/
/* left:0;*/
/* min-width: 100%;*/
/* height: 39px;*/
/* background:url(../images/f_bg1.png) no-repeat top left;*/
/* opacity: 0;*/
/*}*/
.foot{
display: flex;
/*justify-content: space-between;*/
padding:145px 0 170px;
}
.foot_l{
width: 25%;
}
.f_logo2{
margin:80px 0 24px;
}
.f_contact{
color: rgba(255,255,255,.5);
font-size:13px;
line-height: 1.8;
}
.f_nav{
display: flex;
flex-wrap: wrap;
/* justify-content: space-between;*/
max-width: 70%;
}
.f_nav dl{
color: #999;
margin-right: 80px;
}
.f_nav dl:last-child{
margin-right: 0;
}
.f_nav dl dt{
font-size:14px;
color: #fff;
margin-bottom: 30px;
line-height: 1.6;
}
.f_nav dl:nth-child(1) dd{
display: flex;
justify-content: space-between;
}
.f_nav dl dd li{
margin-right: 30px;
}
.f_nav dl dd li:last-child{
margin-right: 0;
}
.f_nav dl dd li .p1{
margin-bottom:12px;
}
.f_nav dl dd li .p1,.f_nav dl dd a.a1{
font-size:14px;
color: #fff;
}
.f_nav dl dd a{
display: block;
}
.f_nav dl dd a.a2{
display: block;
font-size:14px;
color: rgba(255,255,255,.5);
}
.f_nav dl dd a:hover{
color: #ff5000;
}
.copyright {
line-height: 24px;
padding:25px 0 60px;
color: rgba(255,255,255,.6);
border-top:1px solid #7c7c7c;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
flex-direction: row-reverse;
}
.copyright a{
color: rgba(255,255,255,.6);
}
.copyright a:hover{
color: #fff;
}
.copyright_l span{
margin:0 17px;
}
.copyright_r{
display: flex;
padding-right: 45px;
}
.copyright_r li{
margin-right: 40px;
position: relative;
cursor: pointer;
}
.copyright_r li .img img{
opacity: .5;
}
.copyright_r li:hover .img img{
opacity: 1;
}
.copyright_r li .f_code{
position: absolute;
top:-120px;
left:50%;
margin-left: -52.5px;
width: 105px;
height: 105px;
background:#fff;
z-index: 9;
visibility: hidden;
}
.copyright_r li:hover .f_code{
visibility: visible;
}
#goup{
cursor: pointer;
}
.m_fixed{
display: flex;
align-items: center;
position: fixed;
left:0;
bottom:0;
background: #ffffff;
width: 100%;
z-index: 9999999;
display: none;
}
.m_fixed a{
width: 50%;
display: flex;
align-items: center;
justify-content: center;
height: 50px;
border-right: 2px solid #f0f2f5;
}
.m_fixed a:last-child{
border:none;
}
.m_fixed a img{
max-height: 25px;
}
.m_fixed a span{
margin-left: 15px;
font-size: 15px;
color: #484848;
}
.m_fixed a.goup img{
max-width: 26px;
}
@media(max-width: 1600px){
.foot{
padding:100px 0 ;
}
.f_logo2 {
margin: 45px 0 24px;
}
.f_nav dl{
margin-right:55px;
}
.f_nav dl dt{
margin-bottom:20px;
}
.f_nav dl dd li .p1{
margin-bottom:7px;
}
.copyright{
padding:25px 0;
}
}
@media(max-width: 1280px){
.foot{
padding:75px 0 ;
}
.f_nav dl{
margin-right:40px;
}
}
@media(max-width: 1199px){
}
@media(max-width: 1024px){
.f_nav dl{
margin-right:25px;
}
.copyright{
border-top:0;
flex-direction: row;
}
.copyright_l{
width:100%;
text-align:center;
border-top:1px solid #7c7c7c;
padding-top:15px;
margin-top:15px;
}
.copyright_r{
justify-content:center;
width:100%;
padding-right:0;
/*display:none;*/
}
.copyright_r li{
display: flex;
flex-direction: column;
justify-content: center;
text-align: center;
margin-right:15px;
}
.copyright_r li .f_code{
position: relative;
left: 0;
top: 0;
margin-left: 0;
visibility: visible;
margin-bottom:12px;
width:95px;
height:95px;
}
}
@media(max-width: 820px){
.foot{
padding:55px 0 ;
}
.copyright{
padding:20px 0;
}
.copyright_l span{
margin:0 10px;
}
.f_nav dl dt{
margin-bottom:10px;
}
}
@media(max-width: 640px){
.foot{
padding:40px 0 10px;
flex-wrap:wrap;
}
footer{
margin-bottom:50px;
}
.foot_l{
width:100%;
margin-bottom:30px;
display:flex;
flex-wrap:wrap;
justify-content:space-between;
}
.f_logo{
max-width:120px;
}
.f_logo2 {
margin: 0;
max-width:52%;
}
.f_contact{
width:100%;
margin-top:20px;
}
.f_nav{
width:100%;
max-width:100%;
justify-content:space-between;
}
.f_nav dl:nth-child(1){
width:65%;
}
.f_nav dl:nth-child(1) dd{
max-width:160px;
}
.f_nav dl{
margin-right:0;
margin-bottom:25px;
}
.copyright{
padding:15px 0;
font-size:13px;
}
.copyright a{
font-size:13px;
}
.copyright_l span{
margin:0 6px;
}
.copyright_r li .f_code{
width:70px;
height:70px;
}
.m_fixed{
display:flex;
}
.right_fixed{
display:none;
}
}
/*----- Common css ------*/
.fl {
float: left;
}
.fr {
float: right;
}
.di {
_display: inline;
}
.fwn {
font-weight: normal;
}
.dib {
*display: inline;
_zoom: 1;
_display: inline;
_font-size: 0px;
}
.f_none{
display: none;
}
/*------------内页-------------------*/
.n_banner {
width: 100%;
margin: 0 auto;
position: relative;
height: 695px;
}
.n_banner img {
width: 100%;
text-align: center;
display: block;
opacity:0;
}
.n_banner_text{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
display: flex;
flex-direction: column;
justify-content: center;
z-index: 99;
}
.n_banner_text h2{
font-size:60px;
color: #fff;
font-family: "puhui65";
padding-top:50px;
}
.sitemp {
margin-top:-75px;
position: relative;
z-index: 999;
}
.sitemp .site {
height: 75px;
display: flex;
flex-wrap: wrap;
justify-content: center;
align-items:center;
font-size:16px;
color:#484848;
line-height: 1.5;
border-radius: 25px 25px 0 0;
background:#e6e6e6;
max-width: 1005px;
}
.sitemp .site a{
font-size:16px;
color:#484848;
line-height: 1.5;
}
.sitemp .site .cc2{
color:#ff5000;
font-family: "syTC-Regular";
}
.arrow_ico{
margin:0 25px;
}
.left1{
width: 193px;
float: left;
}
.sort{
}
.sort dl{
border-radius: 15px;
margin-bottom: 34px;
box-shadow: 0 0 10px #ccc;
}
.sort dl dt{
}
.sort dd a.cur{
color: #ff5000;
font-family: "sySC-Normal";
}
.sort dl dt a{
display: block;
background:#484848;
line-height: 43px;
font-size:15px;
color:#fff;
text-align: center;
border-radius: 15px 15px 0 0;
}
.sort dl dt a:hover{
color: #ff5000;
}
.sort dl dd{
background:#fff;
padding: 14px 0;
position: relative;
border-radius: 0 0 15px 15px;
}
.sort dl dd:before{
content:'';
position: absolute;
top:-17px;
left:0;
width: 100%;
height: 32px;
background:url(../images/sort_logo1.png) no-repeat center;
z-index: 1;
}
.sort dl dd a{
display: block;
line-height: 2em;
font-size:15px;
color:#484848;
text-align: center;
position: relative;
z-index: 9;
}
.sort dl dd a.on,.sort dl dd a:hover{
color: #ff5000;
}
.right1{
width: calc(100% - 340px);
float: right;
}
@media(max-width: 1600px){
.n_banner{
height:550px;
}
.n_banner_text h2{
font-size:52px;
}
.sitemp{
margin-top:-60px;
}
.sitemp .site{
height:60px;
}
.right1 {
width: calc(100% - 280px);
}
}
@media(max-width: 1280px){
.n_banner{
height:500px;
}
.n_banner_text h2{
font-size:46px;
}
.right1 {
width: calc(100% - 240px);
}
}
@media(max-width: 1099px){
.left1{
display: none;
}
.right1{
width: 100%;
}
}
@media(max-width: 1024px){
.n_banner_text h2{
font-size:42px;
}
.sitemp{
margin-top:-55px;
}
.sitemp .site{
height:55px;
}
.arrow_ico{
margin:0 20px;
}
}
@media(max-width: 991px){
}
@media(max-width: 820px){
.n_banner{
height:450px;
/*height:auto;*/
background:none!important;
}
.n_banner_text h2{
font-size:36px;
padding-top:0;
}
.arrow_ico{
margin:0 15px;
}
.sitemp .site a,.sitemp .site{
font-size:15px;
}
}
@media(max-width: 767px){
.n_banner{
height:400px;
}
.n_banner_text h2{
font-size:26px;
}
/*.sitemp{*/
/* margin-top:-40px;*/
/*}*/
/*.sitemp .site{*/
/* height:40px;*/
/*}*/
.arrow_ico{
margin:0 10px;
}
.sitemp .site a,.sitemp .site{
font-size:14px;
}
}
.bg1{
background:#e6e6e6;
}
.n_about{
padding:68px 0 120px;
}
.ab_t1{
padding-bottom: 30px;
border-bottom: 2px solid #ff5000;
}
.ab_t1 h2{
font-size:40px;
color: #484848;
font-family: "syTC-Regular";
line-height: 1;
}
.ab_t1 p{
font-size:12px;
color: #484848;
margin-top:10px;
}
.about1{
display: flex;
flex-wrap: wrap;
justify-content: space-between;
padding:45px 0 0;
}
.about1 .text{
width: 46%;
font-size:15px;
}
.about1 .text strong{
font-family: "syTC-Medium";
}
.about1 .img{
width: 49%;
}
.about_fz{
position: relative;
margin-top:135px;
}
.about_fz .swiper-slide{
padding:17px 0px 0;
}
.about_fz .swiper-slide:before{
content:'';
position: absolute;
left:0px;
top:0;
width: 6px;
height: 6px;
background:#ff5000;
border-radius: 50%;
}
.about_fz .swiper-slide:after{
content:'';
position: absolute;
left:2px;
top:0;
width: 2px;
height: 100%;
background:#ff5000;
}
.about_fz .swiper-slide .text{
width: calc(100% + 2px);
padding: 0 46px 174px;
background:url(../images/fz_logo.png) no-repeat 2px bottom;
overflow: hidden;
}
.about_fz .swiper-slide-prev .text{
width: 100%;
}
.about_fz .p1{
font-size:40px;
color: #ff5000;
line-height: 1;
}
.about_fz .p2{
font-size:30px;
color: #484848;
line-height: 1;
margin:40px 0 15px;
letter-spacing: 5px;
}
.about_fz .p3{
font-size:15px;
color: #484848;
line-height: 1.8em;
height: 5.4em;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
overflow: hidden;
}
.btn_arrow{
position: relative;
display: flex;
justify-content: center;
margin-top:45px;
}
.btn_arrow .btn1{
width: 43px;
height: 43px;
cursor: pointer;
}
.btn_arrow .btn_l{
background:url(../images/left2.jpg) no-repeat center;
margin-right: 20px;
}
.btn_arrow .btn_l:hover{
background:url(../images/right2.jpg) no-repeat center;
transform:rotate(180deg);
}
.btn_arrow .btn_r{
background:url(../images/left2.jpg) no-repeat center;
transform:rotate(180deg);
}
.btn_arrow .btn_r:hover{
background:url(../images/right2.jpg) no-repeat center;
transform:rotate(0deg);
}
.about2{
padding:70px 0 180px;
}
.about2_t{
text-align: center;
}
.ppwh_list{
display: flex;
flex-wrap: wrap;
justify-content: space-between;
margin-top:50px;
}
.ppwh_list li{
width: 30%;
margin-right: 5%;
height: 197px;
display: flex;
align-items:center;
background:#ff5000;
border-radius: 20px;
box-shadow: 0 0 10px #999;
}
.ppwh_list li:nth-child(3n){
margin-right: 0;
}
.ppwh_list li .img1{
width: 128px;
border-radius: 20px 0 0 20px;
text-align: center;
}
.ppwh_list li .text{
width: calc(100% - 128px);
}
.ppwh_list li .text .txt1{
height: 97px;
margin-bottom: 3px;
background:#fff;
border-radius: 0 20px 0 20px;
padding:0 25px 0 48px;
display: flex;
align-items:center;
font-size:32px;
color: #484848;
line-height: 1.4;
}
.ppwh_list li .text .txt2{
height: 97px;
background:#fff;
border-radius: 20px 0 20px 0;
padding:0 25px 0 48px;
display: flex;
align-items:center;
display: flex;
align-items:center;
font-size:15px;
color: #484848;
line-height: 1.8;
}
.about3{
padding:75px 0 170px;
}
.ab_t3{
text-align: center;
line-height: 1;
font-size:30px;
color: #484848;
}
.about3_1{
padding-bottom: 40px;
margin-bottom: 114px;
border-bottom: 1px solid #c6c6c6;
}
.about3_list1{
margin-top:90px;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.about3_list1 dl{
margin-bottom: 80px;
height: 130px;
display: flex;
flex-wrap: wrap;
align-items:center;
width: 46.5%;
}
.about3_list1 dl dt{
width: 150px;
font-size:90px;
color: #ff5000;
line-height: 1;
text-align: center;
}
.about3_list1 dl dd{
width: calc(100% - 150px);
border-left: 5px solid #ff5000;
background:#ff5000;
box-shadow: 0 0 10px #999;
}
.about3_list1 dl dd .txt1{
height: 52px;
margin-bottom: 2px;
border-radius: 0 0 0 20px;
background:#fff;
padding:0 25px;
display: flex;
align-items:center;
justify-content: space-between;
font-size:24px;
color: #484848;
line-height: 1;
}
.about3_list1 dl dd .txt1 .p1{
font-family: "syTC-Medium";
}
.about3_list1 dl dd .txt1 span{
font-size:16px;
margin-left: 8px;
}
.about3_list1 dl dd .txt1 font{
font-size:16px;
color: #ff5000;
}
.about3_list1 dl dd .txt2{
height: 76px;
border-radius: 20px 0 0px 0;
background:#fff;
padding:0 25px;
display: flex;
align-items:center;
font-size:14px;
color: #484848;
line-height: 1.6;
}
.about3_2{
}
.about3_list2{
display: flex;
flex-wrap: wrap;
justify-content: space-between;
margin-top:82px;
}
.about3_list2 dl{
width: 42%;
display: flex;
flex-wrap: wrap;
flex-direction: row-reverse;
justify-content: space-between;
align-items:center;
}
.about3_list2 dl:nth-child(2),.about3_list2 dl:nth-child(5){
flex-direction: row;
}
.about3_list2 dl dt{
display: flex;
flex-wrap: wrap;
align-items:center;
justify-content: center;
/* width: 310px;*/
width: 270px;
height: 120px;
border-radius: 25px;
background:#484848;
}
.about3_list2 dl dt span{
font-size:24px;
color: #fff;
margin-left: 20px;
}
.about3_list2 dl dd{
font-size:15px;
color: #484848;
/* width: calc(100% - 328px);*/
width: calc(100% - 288px);
text-align: right;
line-height: 1.8;
}
.about3_list2 dl:nth-child(2) dd,.about3_list2 dl:nth-child(5) dd{
text-align: left;
}
.about3_list2 .img1{
width: 100%;
text-align: center;
margin: 16px 0;
}
.about3_3{
background:url(../images/about3_bg.jpg) no-repeat center;
background-size: cover;
padding:82px 0 105px;
}
.about3_content1{
margin-top:54px;
background:#ff5000;
border-radius: 20px;
border:2px solid #ff5000;
}
.about3_t{
font-size:23px;
color: #ffffff;
text-align: center;
line-height: 58px;
background:#484848;
border-radius: 20px 20px 0 20px;
}
.about3_list3{
display: flex;
flex-wrap: wrap;
background:#e6e6e6;
padding:70px 85px 20px;
border-radius:20px 0 20px 20px;
margin-top:2px;
}
.about3_list3 li{
width: 30%;
margin-right: 5%;
margin-bottom: 35px;
}
.about3_list3 li:nth-child(3n){
margin-right: 0;
}
.about3_list3 li .img1{
display: flex;
/*flex-wrap: wrap;*/
align-items:center;
background:#c5c7c4;
border-radius: 20px;
border:1px solid #4e4e4e;
height: 120px;
padding:0 28px;
}
.about3_list3 li .img1 .img{
width: 60px;
text-align: center;
}
.about3_list3 li .img1 span{
font-size:23px;
color: #484848;
line-height: 1.4;
margin-left: 25px;
font-family: "syTC-Medium";
}
.about3_list3 li .text{
padding:12px 15px 0;
}
.about3_list3 li .text .p1{
font-size:23px;
color: #484848;
line-height: 1.4;
margin-bottom:8px;
font-family: "sySC-Normal";
}
.about3_list3 li .text .p2{
font-size:14px;
color: #484848;
line-height: 1.8;
}
.about3_4{
background:#e6e6e6;
padding:145px 0 245px;
}
h2.ab_t4{
font-size:43px;
color: #ff5000;
font-family: "syTC-Medium";
line-height: 1;
text-align: center;
margin-top:24px;
}
.about3_content2{
margin-top:82px;
}
.about3_list4{
display: flex;
flex-wrap: wrap;
}
.about3_list4 li{
width: calc(100% / 3);
}
.about3_list4 li .p1{
font-size:28px;
color: #ffffff;
line-height: 82px;
background:url(../images/about3_bg2.jpg) no-repeat #fff;
text-align: center;
border-left: 5px solid #ff5000;
padding-bottom: 34px;
position: relative;
}
.about3_list4 li .p1:after{
content:'';
position: absolute;
left:0px;
bottom:0;
width: 100%;
height: 67px;
background:url(../images/about3_logo2.png) no-repeat;
}
.about3_list4 li .p2{
text-align: center;
font-size:16px;
color: #484848;
margin-top:20px;
}
.about4{
display: flex;
flex-wrap: wrap;
justify-content: space-between;
margin:85px 0 100px;
}
.about4 .txt{
font-size:15px;
color: #484848;
width: 46%;
}
.about4_r{
width: 45%;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-items:center;
}
.about4_r dl{
}
.about4_r dl dt{
line-height: 1;
}
.about4_r dl dt span{
color: #ff5000;
font-size:74px;
}
.about4_r dl dt sub{
font-size:24px;
color: #484848;
font-family: "syTC-Medium";
margin-left:5px;
}
.about4_r dl dd{
font-size:16px;
color: #484848;
margin-top:10px;
}
.about4_r .txt2{
text-align: center;
font-size:28px;
color: #ff5000;
line-height: 1.7;
font-family: "sySC-Normal";
}
.about_honner{
position: relative;
padding:0 58px;
}
#about_honner{
padding-bottom: 100px;
}
#about_honner .swiper-slide{
text-align: center;
}
#about_honner .img{
line-height: 242px;
}
#about_honner .img img{
border:1px solid #cacaca;
}
#about_honner p{
font-size:14px;
color: #484848;
margin-top:15px;
line-height: 1.4;
}
.about_honner .swiper-button-prev,.about_honner .swiper-button-next{
width: 29px;
height: 59px;
margin-top:-70px;
}
.about_honner .swiper-button-prev{
left:0px;
background:url(../images/left3.png) no-repeat;
}
.about_honner .swiper-button-prev:hover{
background:url(../images/right3.png) no-repeat;
transform:rotate(-180deg);
}
.about_honner .swiper-button-next{
right:0px;
background:url(../images/left3.png) no-repeat;
transform:rotate(-180deg);
}
.about_honner .swiper-button-next:hover{
background:url(../images/right3.png) no-repeat;
transform:rotate(0deg);
}
#about_honner .swiper-pagination{
bottom:0;
}
#about_honner .swiper-pagination .swiper-pagination-bullet {
background:#4d4d4d;
opacity: 0.5;
width: 48px;
height: 5px;
margin:0 8px;
}
#about_honner .swiper-pagination .swiper-pagination-bullet-active{
background:#ff5000;
opacity: 1;
}
@media(max-width: 1760px){
.ppwh_list li .text .txt1{
padding:0 25px 0 30px;
font-size:28px;
}
.ppwh_list li .text .txt2{
padding:0 25px 0 30px;
}
}
@media(max-width: 1600px){
.n_about,.about3{
padding:60px 0 90px;
}
.about1 .text p:nth-child(2n){
max-height:15px;
}
.about_fz{
margin-top:100px;
}
.about_fz .p1{
font-size:32px;
}
.about3_1{
margin-bottom:90px;
}
.ab_t3{
font-size:26px;
}
.about3_list1{
margin-top:60px;
}
.about3_list1 dl{
margin-bottom:55px;
}
.about3_list1 dl dt{
font-size:62px;
width:120px;
}
.about3_list1 dl dd {
width: calc(100% - 120px);
}
.about3_list1 dl dd .txt1{
font-size:20px;
padding:0 18px;
}
.about3_list1 dl dd .txt1 span {
font-size: 14px;
margin-left: 8px;
}
.about3_list1 dl dd .txt1 font{
font-size:14px;
}
.about3_list1 dl dd .txt2{
font-size:13px;
padding:0 18px;
}
.about3_list2{
margin-top:60px;
}
.about3_list2 dl dt{
width:225px;
height:100px;
}
.about3_list2 dl dt img{
max-width:50px;
max-height:45px;
}
.about3_list2 dl dt span{
font-size:18px;
margin-left:12px;
}
.about3_list2 dl dd{
width: calc(100% - 235px);
font-size:13px;
}
.about3_list3{
padding:55px 50px 20px;
}
.about3_list3 li .img1 span{
font-size:20px;
margin-left: 15px;
}
.about3_list3 li .text .p1{
font-size:20px;
}
.about3_4{
padding:90px 0 150px;
}
.about4{
margin:60px 0 75px;
}
.about4_r dl dt span{
font-size:56px;
}
.about4_r dl dt sub{
font-size:18px;
}
.about4_r .txt2{
font-size:22px;
}
#about_honner{
padding-bottom:70px;
}
#about_honner .swiper-pagination .swiper-pagination-bullet{
width:30px;
}
.about_fz .swiper-slide .text{
padding:0 30px 170px;
}
}
@media(max-width: 1440px){
.ab_t1{
padding-bottom:20px;
}
.ab_t1 h2{
font-size:32px;
}
.ab_t1 p{
margin-top:6px;
}
.about_fz .p3{
font-size:14px;
}
.ppwh_list li .text .txt1{
padding:0 25px;
font-size:24px;
}
.ppwh_list li .text .txt2{
padding:0 25px;
}
h2.ab_t4{
font-size:36px;
}
}
@media(max-width: 1280px){
.n_about{
padding:60px 0 75px;
}
.about_fz{
margin-top:75px;
}
.about_fz .p1{
font-size:28px;
}
.about3_list1 dl{
width:47.5%;
}
.about3_list1 dl dd .txt1{
font-size:18px;
}
.about3_list1 dl dd .txt1 span {
font-size: 13px;
margin-left: 2px;
}
.about3_list2 dl dt{
width:200px;
height:85px;
border-radius:15px;
}
.about3_list2 dl dt img{
max-width:40px;
max-height:40px;
}
.about3_list2 dl dt span{
font-size:17px;
margin-left:10px;
}
.about3_list2 dl dd{
width: calc(100% - 210px);
font-size:13px;
}
.about3_list3{
padding:35px 30px 20px;
}
.about3_list3 li .img1{
padding:0 22px;
}
.about3_list3 li .img1 span{
font-size:18px;
margin-left: 12px;
}
.about3_list3 li .text .p1{
font-size:18px;
}
.about3_4{
padding:75px 0 100px;
}
h2.ab_t4{
font-size:32px;
}
#about_honner{
padding-bottom:50px;
}
}
@media(max-width: 1099px){
.ab_t1{
padding-bottom:15px;
}
.ab_t1 h2{
font-size:28px;
}
.ab_t1 p{
margin-top:5px;
}
.about2{
padding:70px 0 120px;
}
.ppwh_list li{
width:32%;
margin-right:2%;
}
#about_honner .swiper-pagination .swiper-pagination-bullet{
width:25px;
margin:0 5px;
}
}
@media(max-width: 991px){
.about2{
padding:70px 0 90px;
}
.ppwh_list li{
width:48%;
margin-right:4%;
margin-bottom:20px;
}
.ppwh_list li:nth-child(2n){
margin-right:0;
}
.about3_list2 dl{
width:45%;
}
h2.ab_t4{
font-size:28px;
}
.about3_list4 li .p2{
font-size:15px;
margin-top:15px;
}
}
@media(max-width: 820px){
.n_about{
padding:55px 0;
}
.about1 .text p:nth-child(2n){
max-height:10px;
}
.about_fz{
margin-top:55px;
}
.about_fz .p1{
font-size:24px;
}
.about2,.about3{
padding:55px 0 70px;
}
.about3_list2 dl{
width:47%;
}
.about3_list2 dl dt{
width:180px;
/*height:70px;*/
/*border-radius:15px;*/
}
.about3_list2 dl dt img{
max-width:35px;
max-height:35px;
}
.about3_list2 dl dt span{
font-size:16px;
}
.about3_list2 dl dd{
width: calc(100% - 190px);
}
.about3_4,.about3_3{
padding:55px 0;
}
h2.ab_t4{
font-size:26px;
}
.about3_content2{
margin-top:50px;
}
.ab_t3{
font-size:24px;
}
.about3_list1 dl{
margin-bottom:35px;
}
.about3_list3 li{
width:32%;
margin-right:2%;
margin-bottom:25px;
}
.about4 {
margin: 40px 0;
}
.about4 .txt{
width:100%;
}
.about4_r{
width:100%;
margin-top:30px;
}
}
@media(max-width: 640px){
.n_about{
padding:40px 0;
}
.about1{
padding:30px 0 0;
}
.about1 .text{
width:100%;
text-align:justify;
}
.about1 .img{
width:100%;
margin-top:20px;
}
.about_fz{
margin-top:40px;
}
.about2,.about3{
padding:40px 0 20px;
}
.about2_t img{
max-width:60%;
}
.ppwh_list li{
width:100%;
margin-right:0%;
height:177px;
}
.ppwh_list li .text .txt1{
font-size:22px;
height:77px;
}
.about3_4,.about3_3{
padding:40px 0;
}
h2.ab_t4{
font-size:24px;
}
.about3_content2{
margin-top:30px;
}
.ab_t3{
font-size:22px;
}
.about3_1{
margin-bottom:35px;
}
.about3_list1,.about3_list2{
margin-top:35px;
}
.about3_list1 dl{
width:100%;
}
.about3_list1 dl{
margin-bottom:20px;
}
.about3_list1 dl:last-child{
margin-bottom:0;
}
.about3_list1 dl dt {
font-size: 48px;
width: 90px;
}
.about3_list1 dl dd {
width: calc(100% - 90px);
}
.about3_list1 dl dd .txt1{
padding:0 10px 0 15px;
font-size:16px;
}
.about3_list1 dl dd .txt1{
padding:0 10px 0 15px;
}
.about3_list1 dl dd .txt2{
padding:0 10px 0 15px;
}
.about3_list2 dl{
/*width:100%;*/
/*margin-bottom:15px;*/
}
.about3_list2 dl{
width:48%;
display:block;
flex-direction:row;
flex-wrap:wrap;
align-items:flex-start;
justify-content:flex-start;
}
.about3_list2 dl dt{
/*width:135px;*/
padding:10px 15px;
height:75px;
width:82%;
margin:0 auto;
}
.about3_list2 dl dt img{
max-width:32px;
max-height:32px;
}
.about3_list2 dl dt span{
font-size:15px;
width:100%;
margin-left:0;
text-align:center;
}
.about3_list2 dl dd{
/*width: calc(100% - 150px);*/
/*text-align:left;*/
width:100%;
margin-top:10px;
text-align:center!important;
}
.about3_content1{
margin-top:30px;
}
.about3_list3 li{
width:48%;
margin-right:2%;
margin-bottom:15px;
}
.about3_list3 li:nth-child(2n){
margin-right:0;
}
.about3_list2 .img1{
max-width:60%;
margin:15px auto 15px;
}
.about3_list4 li{
width:100%;
margin-bottom:15px;
}
.about3_list4 li:last-child{
margin-bottom:0;
}
.about4 {
margin: 25px 0 35px;
}
.about4_r dl dt span {
font-size: 42px;
}
.about4_r dl dt sub {
font-size: 15px;
}
.about4_r dl dd {
font-size: 15px;
margin-top: 5px;
}
.about4_r .txt2 {
font-size: 18px;
}
.about_honner{
padding:0;
}
.about_honner .swiper-button-prev, .about_honner .swiper-button-next{
display:none;
}
#about_honner{
padding-bottom:35px;
}
#about_honner p {
font-size: 12px;
margin-top: 10px;
}
#about_honner .swiper-pagination .swiper-pagination-bullet{
width:20px;
margin:0 4px;
}
}
@media(max-width:460px){
.ab_t3{
font-size:20px;
}
.about3_list1 dl dt {
font-size: 45px;
width: 70px;
}
.about3_list1 dl dd {
width: calc(100% - 70px);
}
.about3_list1 dl dd .txt1{
font-size:15px;
}
.about3_list1 dl dd .txt1 span{
font-size:12px;
margin-left:0;
}
.about3_list1 dl dd .txt1 font {
font-size: 13px;
}
/*.about3_list2 dl dt {*/
/* width: 120px;*/
/* padding: 10px 12px;*/
/*}*/
/*.about3_list2 dl dd {*/
/* width: calc(100% - 130px);*/
/*}*/
.about3_list3 li{
width: 100%;
margin-right: 0;
}
.about3_list3 li .img1{
height:70px;
padding:5px 20px;
}
.about3_list3 li .img1 .img{
width:40px;
}
/*#about_honner .img {*/
/* line-height: 165px;*/
/*}*/
}
/*新闻*/
.news_list_top{
background:#f3f3f3;
border-radius: 15px;
box-shadow: 0 0 10px #999;
padding:80px 50px 45px;
margin:58px 0 118px;
}
#about_news{
padding-bottom: 85px;
}
#about_news .swiper-pagination{
bottom:0px;
}
#about_news .swiper-pagination .swiper-pagination-bullet {
background:#484848;
opacity: 0.5;
width: 48px;
height: 5px;
margin:0 8px;
}
#about_news .swiper-pagination .swiper-pagination-bullet-active{
background:#ff5000;
opacity: 1;
}
.news_list_top .swiper-slide a{
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.news_list_top .swiper-slide a .img{
width: 53.5%;
position: relative;
}
.news_list_top .swiper-slide a .img:after {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 36px;
background: url(../images/news_bg1.png) no-repeat top left;
}
.news_list_top .swiper-slide a .img img{
width: 100%;
}
.news_list_top .swiper-slide a:hover .img img{
transform:scale(1.1);
}
.news_list_top .swiper-slide a .text{
width: 46.5%;
padding:20px 0 0px 52px;
}
.news_list_top .swiper-slide a .text font{
font-size:18px;
color: #ff5000;
line-height: 1.6;
}
.news_list_top .swiper-slide a .text h3{
font-size:24px;
color: #484848;
font-family: "sySC-Normal";
line-height: 1.5em;
height: 3em;
margin:45px 0 10px;
}
.news_list_top .swiper-slide a:hover .text h3{
color: #ff5000;
}
.news_list_top .swiper-slide a .text p{
font-size:15px;
color: #484848;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 4;
-webkit-box-orient: vertical;
overflow: hidden;
line-height: 1.8;
margin-bottom:70px;
}
.about_news_more .img2{
display: none;
}
.news_list_top .swiper-slide a:hover .about_news_more .img1{
display: none;
}
.news_list_top .swiper-slide a:hover .about_news_more .img2{
display: inline-block;
}
.news_list{
border-top:1px solid #b6b6b6;
}
.news_list li{
padding:60px 0;
border-bottom:1px solid #b6b6b6;
}
.news_list li a{
display: flex;
flex-wrap: wrap;
flex-direction: row-reverse;
justify-content: space-between;
}
.news_list li a .date{
width: 19%;
font-size:24px;
color: #ff5000;
font-family: "syTC-Medium";
line-height: 1;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
}
.news_list li a .text{
width: 47%;
padding-right: 55px;
}
.news_list li a .text span{
display: none;
font-size:15px;
color: #ff5000;
}
.news_list li a .text h3{
font-size:21px;
color: #484848;
font-family: "sySC-Normal";
line-height: 1;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
}
.news_list li a .text .info{
font-size:15px;
color: #484848;
opacity: .8;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
overflow: hidden;
margin:30px 0 80px;
}
.news_list li a .img{
width: 34%;
}
.news_list li a:hover .text h3{
color: #ff5000;
}
.news_list li a:hover .about_news_more .img1{
display: none;
}
.news_list li a:hover .about_news_more .img2{
display: inline-block;
}
.news_list li a:hover .img img{
transform:scale(1.1);
}
.news_detail{
padding:67px 0 160px;
}
.news_detail h1{
font-size:34px;
color: #484848;
text-align: center;
line-height: 1.4;
font-family: "sySC-Light";
}
.info_title{
display: flex;
justify-content: center;
font-size: 14px;
color: #666;
padding:30px 0 20px;
border-bottom:1px solid #c6c6c6;
}
.info_title span.detail_date{
font-size:18px;
color: #ff5000;
margin-right: 106px;
}
#n_share.share{
font-size:18px;
color: #484848;
display: flex;
align-items:center;
position: relative;
}
#n_share a{
margin:0 0 0 22px;
}
#n_share a.bds_weixin{
width: 25px;
height: 22px;
background:url(../images/share_weixin.png) no-repeat center;
}
.news_detail .content{
padding:65px 0 100px;
border-bottom:1px solid #c6c6c6;
font-size:16px;
color: #484848;
}
.news_bottom{
padding:35px 0 0px;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-items:center;
}
.page{
font-size: 16px;
color: #484848;
line-height: 1.4;
}
.page p:nth-child(1){
margin-bottom: 15px;
}
.page a{
font-size: 16px;
color: #484848;
}
.page a:hover{
color: #ff5000;
}
a.back1{
display: flex;
align-items:center;
justify-content: center;
width: 115px;
height: 53px;
/*background:#ff5000;*/
font-size:16px;
color: #484848;
border:1px solid #484848;
}
a.back1:hover{
color: #fff;
background: #ff5000;
border:1px solid #ff5000;
}
.news_tj{
margin-top: 125px;
}
.news_list3{
margin-top:45px;
display: flex;
flex-wrap: wrap;
}
.news_list3 li{
width: 30%;
margin-right: 5%;
margin-bottom: 45px;
}
.news_list3 li:nth-child(3n){
margin-right: 0;
}
.news_list3 li a{
display: block;
}
.news_list3 li a:hover .img img{
transform: scale(1.1);
}
.news_list3 li a .text{
padding:18px 0 0;
}
.news_list3 li a .text .p1{
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-items:center;
}
.news_list3 li a .text .p1 span{
font-size:18px;
color: #ff5000;
}
.news_list3 li a .text .p1 i{
width: 43px;
height: 20px;
background:url(../images/news_more.png) no-repeat center;
}
.news_list3 li a:hover .text .p1 i{
background:url(../images/news_more2.png) no-repeat center;
}
.news_list3 li a .text h3{
font-size:21px;
color: #484848;
font-family: "sySC-Normal";
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
line-height: 1.4;
margin:18px 0 14px;
}
.news_list3 li a:hover .text h3{
color: #ff5000;
}
.news_list3 li a .text .txt{
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
overflow: hidden;
font-size:15px;
color: #484848;
opacity: .8;
line-height: 1.8;
}
.sr-bdimgshare{
display: none!important;
}
.bd_weixin_popup{
padding:5px!important;
height: 285px!important;
}
@media(max-width: 1600px){
.news_list_top{
padding:50px 35px 45px;
margin:50px 0 60px;
}
#about_news{
padding-bottom:50px;
}
.news_list_top .swiper-slide a .text{
padding:20px 0 0px 35px;
}
.news_list_top .swiper-slide a .text h3{
font-size:20px;
margin:15px 0 10px;
}
.news_list_top .swiper-slide a .text p{
font-size:14px;
margin-bottom:45px;
}
#about_news .swiper-pagination .swiper-pagination-bullet{
width:30px;
}
.news_list li{
padding:45px 0;
}
.news_list li a .date{
font-size:20px;
}
.news_list li a .text h3{
font-size:18px;
}
.news_list li a .text .info {
font-size: 14px;
margin: 20px 0 40px;
}
.news_list3 li{
margin-bottom:30px;
}
.news_detail{
padding:60px 0 100px;
}
.news_detail h1{
font-size:30px;
}
#n_share.share{
font-size:16px;
}
.info_title{
padding:20px 0 15px;
}
.news_detail .content{
padding:50px 0 70px;
}
}
@media(max-width: 1280px){
.news_list_top .swiper-slide a .text{
padding:15px 0 0px 30px;
}
.news_list_top .swiper-slide a .text h3{
font-size:18px;
}
.news_list_top .swiper-slide a .text p{
margin-bottom:30px;
}
.news_list li a .text{
padding-right:40px;
}
.news_list li a .text .info {
margin: 15px 0 30px;
}
.news_detail .content{
padding:35px 0 40px;
}
}
@media(max-width: 1099px){
.news_detail h1{
font-size:26px;
}
#n_share.share{
font-size:15px;
}
#about_news .swiper-pagination .swiper-pagination-bullet{
width:25px;
margin:0 10px;
}
}
@media(max-width: 991px){
}
@media(max-width: 820px){
.news_list_top {
padding: 35px 25px 25px;
margin: 40px 0;
}
.news_list_top .swiper-slide a .text{
padding:0 0 0 25px;
}
.news_list_top .swiper-slide a .text font{
font-size:16px;
}
.news_list_top .swiper-slide a .text h3 {
font-size: 16px;
margin: 5px 0 10px;
}
.news_list_top .swiper-slide a .text p {
margin-bottom: 20px;
font-size:13px;
}
.news_list li{
padding:30px 0 ;
}
.news_list li a .text{
padding-right:25px;
}
.news_list3 li{
margin-bottom:20px;
}
.news_detail{
padding:50px 0 50px;
}
.news_detail h1{
font-size:22px;
}
.news_detail .content{
padding:20px 0 30px;
}
.news_bottom{
padding:20px 0 0;
}
.page{
width:100%;
}
a.back1 {
width: 100px;
height: 42px;
font-size: 15px;
margin-top:20px;
}
}
@media(max-width: 640px){
#about_news .swiper-pagination .swiper-pagination-bullet{
width:20px;
margin:0 5px;
}
.news_detail{
padding:40px 0 25px;
}
.news_detail h1{
font-size:20px;
}
.news_detail .content{
padding:15px 0 20px;
}
}
@media(max-width: 460px){
.news_list_top {
padding: 25px 20px;
}
#about_news {
padding-bottom: 35px;
}
.news_list_top .swiper-slide a .img{
width: 100%;
}
.news_list_top .swiper-slide a .text{
padding:15px 0 0;
width:100%;
}
.news_list_top .swiper-slide a .text h3{
height:auto;
}
.news_list li{
padding:25px 0 ;
}
.news_list li a .date{
display:none;
}
.news_list li a .img{
width:100%;
}
.news_list li a .text{
width:100%;
padding-right:0;
padding:15px 0 0;
}
.news_list li a .text span{
display:block;
margin-bottom:3px;
}
}
/**/
.job_intro{
display: flex;
flex-wrap: wrap;
justify-content: space-between;
padding:78px 0 42px;
border-bottom: 1px solid #c6c6c6;
}
.job_intro .text1{
color: #484848;
font-size:20px;
width: 66%;
/* line-height: 1.8;*/
}
.job_intro .text2{
font-size:14px;
color: #484848;
opacity: .7;
line-height: 1.8;
width: 30%;
max-width: 312px;
}
.job_content{
margin-top:85px;
/* display: flex;
flex-wrap: wrap;
justify-content: space-between;*/
}
.job_c{
width: 45%;
border-radius: 25px;
max-width: 510px;
background:#fff;
float: left;
}
.job2{
float: right;
}
.job_c h3{
font-size:26px;
color: #fff;
text-align: center;
background:#484848;
border-radius: 25px 25px 0 25px;
line-height: 65px;
height: 65px;
position: relative;
}
.job_c h3:after{
content:'';
position: absolute;
bottom:-27px;
left:0;
width: 100%;
height: 54px;
background:url(../images/job_logo.png) no-repeat;
z-index: 9;
}
.job_list{
background:#fff;
padding:30px 20px 50px;
border-radius: 25px 0 25px 25px;
}
.job_list dl{
border-bottom: 1px solid #dadada;
padding: 27px 0 22px;
}
.job_list dl dt{
cursor: pointer;
}
.job_list dl dt .p1{
display: flex;
justify-content: space-between;
align-items:center;
}
.job_list dl dt .p1 span{
font-size:24px;
color: #484848;
font-family: "sySC-Normal";
width: calc(100% - 30px);
line-height: 1.4;
}
.job_list dl.on dt .p1 span{
color: #ff5000;
}
.job_list dl dt .p1 i{
display: inline-block;
width: 23px;
height: 12px;
background:url(../images/jt_arrow.png) no-repeat center;
}
.job_list dl.on dt .p1 i{
transform: rotate(-180deg);
}
.job_list dl dt .p2{
font-size:18px;
color: #484848;
margin-top:10px;
line-height: 1.4;
}
.job_list dl dd{
margin-top:30px;
font-size:14px;
color: #484848;
display: none;
}
.job_list dl dd strong{
font-family: "syTC-Medium"
}
.about7{
padding:72px 0 40px;
}
h2.ab_t5 {
font-size: 32px;
color: #ff5000;
font-family: "sySC-Normal";
line-height: 1;
text-align: center;
}
.about7_li{
display: flex;
flex-wrap: wrap;
justify-content: space-between;
border-bottom: 1px solid #878787;
margin-top:48px;
padding:0 90px;
}
.about7_li li{
height: 65px;
position: relative;
background:#fff;
width: 30%;
margin-right: 5%;
max-width: 310px;
border-radius: 15px 15px 0 0;
overflow: hidden;
cursor: pointer;
}
.about7_li li:last-child{
margin-right: 0;
}
.about7_li li p{
display: flex;
align-items:center;
justify-content: center;
font-size:24px;
color: #fff;
background:#484848;
height: 50px;
position: relative;
}
.about7_li li p:after{
content:'';
position: absolute;
bottom:-16px;
left:0;
width: 100%;
height: 32px;
background:url(../images/about7_logo.png) no-repeat;
z-index: 9;
}
.about7_li li.cur p{
color: #ff5000;
font-family: "syTC-Regular";
}
.about7_content{
position: relative;
}
.about7_tab{
height: 0;
/* visibility: hidden;*/
padding:100px 90px 0px;
position: absolute;
top:0;
left:0;
opacity: 0;
z-index: -9999;
}
.about7_tab.on{
height: auto;
/* visibility: visible; */
position: relative;
opacity: 1;
z-index: 9999;
}
.about7_tab1{
}
.about7_tab1 p{
font-size:15px;
color: #484848;
text-align: center;
margin-top:15px;
line-height: 1.6;
}
.about7_hb1{
position: relative;
background:#fff;
border-radius: 25px;
box-shadow: 0 0 10px #999;
padding:67px 145px 40px;
margin-top:60px;
}
#about_hb1{
padding-bottom: 75px;
}
#about_hb1 .swiper-pagination{
bottom:0px;
}
#about_hb1 .swiper-pagination .swiper-pagination-bullet {
background:#484848;
opacity: 0.5;
width: 48px;
height: 5px;
margin:0 8px;
}
#about_hb1 .swiper-pagination .swiper-pagination-bullet-active{
background:#ff5000;
opacity: 1;
}
.about7_hb1 .swiper-button-prev.swiper_left,.about7_hb1 .swiper-button-next.swiper_right{
width: 29px;
height: 59px;
background:url(../images/left1.png) no-repeat left center;
margin-top:-29.5px;
}
.about7_hb1 .swiper-button-prev.swiper_left{
left:52px;
}
.about7_hb1 .swiper-button-prev.swiper_left:hover{
background:url(../images/right1.png) no-repeat right center;
transform: rotate(-180deg);
}
.about7_hb1 .swiper-button-next.swiper_right{
right:52px;
transform: rotate(-180deg);
}
.about7_hb1 .swiper-button-next.swiper_right:hover{
background:url(../images/right1.png) no-repeat right center;
transform: rotate(-0deg);
}
#about_hb1 img{
filter: grayscale(1);
-webkit-filter: grayscale(1);
-moz-filter: grayscale(1);
-o-filter: grayscale(1);
-ms-filter: grayscale(1);
cursor: pointer;
}
#about_hb1 img:hover{
filter: grayscale(0);
-webkit-filter: grayscale(0);
-moz-filter: grayscale(0);
-o-filter: grayscale(0);
-ms-filter: grayscale(0);
}
.about7_2{
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.about7_2 .text{
width: 50%;
border-right: 1px solid #c8c8c8;
padding-right: 70px;
}
.about7_2 .text .txt1{
font-size:15px;
color: rgba(72,72,72,.7);
margin-bottom: 80px;
}
.about7_2 .text .txt1 strong{
display: block;
font-size:26px;
color: #484848;
font-family: "sySC-Normal";
line-height: 1;
margin-bottom: 16px;
}
.about7_2 .text .txt2{
font-size:16px;
color: #484848;
}
.about7_2 .text .txt2 strong{
font-family: "syTC-Medium";
}
.message1{
max-width: 425px;
width: 40%;
}
.message ul li{
position: relative;
cursor: pointer;
margin-bottom: 20px;
}
.message ul li:last-child{
margin-bottom: 0;
}
.message ul li input{
width: 100%;
border:1px solid #c8c8c8;
background:#fff;
line-height: 48px;
outline: none;
padding:0 18px;
cursor: pointer;
}
.message ul li label{
position: absolute;
left:0;
top:0;
width: 100%;
line-height: 48px;
font-size:15px;
color: #8e8e8e;
padding:0 18px;
cursor: pointer;
}
.message ul li label i{
color: #ff5000;
}
.message .mess_tn{
padding-top:40px;
}
.message .mess_tn input{
float: right;
width: 113px;
height: 50px;
font-size:16px;
color: #484848;
border:1px solid #484848;
outline: none;
background:none;
cursor: pointer;
}
.message .mess_tn input:hover{
color: #fff;
background:#ff5000;
border:1px solid #ff5000;
}
.about7_3{
}
.about7_list1{
display: flex;
flex-wrap: wrap;
justify-content: space-between;
margin:78px 0 130px;
}
.about7_list1 dl{
display: flex;
/*flex-wrap: wrap;*/
align-items:center;
}
.about7_list1 dl dt{
font-size:148px;
color: #ff5000;
font-family: "syTC-Medium";
line-height: 0.8;
padding-right: 20px;
}
.about7_list1 dl dd{
}
.about7_list1 dl dd .p1{
font-size:26px;
color: #484848;
line-height: 1.4;
border-bottom: 1px solid #b6b6b6;
padding-bottom: 12px;
margin-bottom: 12px;
}
.about7_list1 dl dd .txt{
font-size:15px;
color: #484848;
line-height: 1.8;
}
.message2{
}
.message2_cont{
display: flex;
flex-wrap: wrap;
justify-content: space-between;
margin-top:54px;
}
.message2_cont ul{
width: 48%;
}
.message2_cont ul:last-child li{
height:100%;
width: 100%;
}
.message2_cont ul li textarea{
width: 100%;
height: 100%;
border:1px solid #c8c8c8;
background:#fff;
line-height: 48px;
outline: none;
padding:0 18px;
cursor: pointer;
font-family: "sySC-Light";
}
@media(max-width: 1600px){
.job_intro{
padding:60px 0 40px;
}
.job_intro .text1{
font-size:16px;
}
.job_intro .text2{
width:32%;
}
.job_content{
margin-top:60px;
}
.job_c h3{
font-size:24px;
}
.job_list dl dt .p1 span{
font-size:22px;
}
.job_list dl dt .p2{
font-size:15px;
}
.about7{
padding:60px 0 30px;
}
.about7_li{
padding:0 50px;
}
.about7_li li p{
font-size:20px;
}
.about7_tab{
padding: 70px 50px 0px;
}
.about7_hb1{
padding: 45px 100px 30px;
margin-top: 40px;
border-radius:20px;
}
.about7_hb1 .swiper-button-prev.swiper_left{
left:25px;
}
.about7_hb1 .swiper-button-next.swiper_right{
right:25px;
}
#about_hb1 .swiper-pagination .swiper-pagination-bullet{
width:30px;
}
.message ul li{
margin-bottom:15px;
}
.about7_2 .text{
padding-right:55px;
}
.about7_2 .text .txt1{
margin-bottom:50px;
}
.about7_list1 dl dt{
font-size:120px;
}
.about7_list1 dl dd .p1{
font-size:22px;
}
.about7_list1 dl dd .txt{
font-size:14px;
}
}
@media(max-width: 1280px){
.about7_hb1{
padding: 35px 80px 20px;
margin-top: 35px;
}
.message ul li {
margin-bottom: 10px;
}
.message .mess_tn {
padding-top: 25px;
}
.about7_list1 dl dt{
font-size:90px;
}
.about7_list1 dl dd .p1{
font-size:20px;
}
.about7_list1 dl dd .txt{
font-size:13px;
}
}
@media(max-width: 1099px){
#about_hb1 .swiper-pagination .swiper-pagination-bullet{
width:25px;
margin:0 10px;
}
}
@media(max-width: 991px){
.about7_li{
padding:0 30px;
}
.about7_tab{
padding: 50px 30px 0px;
}
.about7_hb1 {
padding: 25px 65px 15px;
margin-top: 30px;
}
.about7_hb1 .swiper-button-prev.swiper_left, .about7_hb1 .swiper-button-next.swiper_right{
width:20px;
}
.about7_list1{
margin:50px 0 75px;
}
.about7_list1 dl dt{
font-size:62px;
padding-right:10px;
}
.about7_list1 dl dd .p1{
font-size:18px;
padding-bottom: 8px;
margin-bottom: 8px;
}
.message2_cont{
margin-top:35px;
}
}
@media(max-width: 820px){
.job_intro{
padding:40px 0 30px;
}
.job_intro .text1{
font-size:15px;
}
.job_content{
margin-top:40px;
}
.job_c h3{
font-size:22px;
line-height:55px;
height:55px;
}
.job_list dl dt .p1 span{
font-size:22px;
}
.job_list dl dt .p2{
font-size:15px;
}
.job_list {
padding: 25px 20px 35px;
}
.job_list dl {
padding: 20px 0 16px;
}
#about_hb1 .swiper-pagination .swiper-pagination-bullet{
width:20px;
margin:0 5px;
}
.about7 {
padding: 55px 0 20px;
}
h2.ab_t5{
font-size:26px;
}
.about7_li{
margin-top:30px;
}
.about7_2 .text .txt1{
margin-bottom:30px;
}
.about7_2 .text{
width:100%;
border-right:none;
}
.about7_2 .text .txt1 strong{
font-size:22px;
}
.message1{
width:100%;
max-width:100%;
margin-top:30px;
}
.message1 .mess_tn input{
float:none;
margin:0 auto;
display:block;
}
}
@media(max-width: 640px){
.job_intro {
padding: 30px 0 20px;
}
.job_intro .text1{
width:100%;
}
.job_intro .text2{
width:100%;
margin-top:20px;
}
.job_c{
width:100%;
margin-bottom:25px;
}
.job_list dl dt .p1 span {
font-size: 20px;
}
.job_list dl dt .p2 {
font-size: 14px;
}
.about7 {
padding: 40px 0 20px;
}
.about7_li{
padding:0 10px;
}
.about7_li li{
width:32%;
margin-right:2%;
height:50px;
}
.about7_li li p{
font-size:15px;
height:40px;
}
h2.ab_t5{
font-size:22px;
}
.about7_tab{
padding:35px 10px 0;
}
.about7_hb1 {
padding: 20px 50px 12px;
margin-top: 25px;
}
.about7_hb1 .swiper-button-prev.swiper_left{
left:15px;
}
.about7_hb1 .swiper-button-next.swiper_right{
right:15px;
}
.about7_tab1 .ab_t3{
font-size:17px;
}
.about7_2 .text .txt1 strong{
font-size:20px;
}
.about7_list1 {
margin: 30px 0 40px;
}
.about7_list1 dl{
/*max-width:49%;*/
width:100%;
margin-bottom:25px;
}
.about7_list1 dl:last-child{
margin-bottom:0;
width:100%;
max-width:100%;
}
.about7_list1 dl dt{
font-size:42px;
padding-right:5px;
}
.about7_list1 dl dd .p1 {
font-size: 17px;
padding-bottom: 6px;
margin-bottom: 6px;
}
.about7_list1 dl dd .txt{
font-size:12px;
}
.message2_cont ul{
width:100%;
}
.message2_cont ul:nth-child(2){
margin-top:10px;
}
}
/*高定产品*/
.product_list{
padding:22px 0;
}
.product_list dl{
padding:44px 0 28px;
border-bottom: 1px solid #c6c6c6;
}
.product_list dl:last-child{
border-bottom: none;
}
.product_list dl dt{
font-size:28px;
color: #484848;
line-height: 1;
text-align: center;
margin-bottom: 55px;
}
.product_list dl dd{
display: flex;
flex-wrap: wrap;
}
.product_list dl dd li{
width: 21%;
margin-right: 5.333333333%;
text-align: center;
}
.product_list dl dd li:nth-child(4n){
margin-right: 0;
}
.product_list dl dd li a{
display: block;
border-radius: 20px;
box-shadow: 0 0 10px #999;
}
.product_list dl dd li .img{
border-radius: 20px 20px 0 0;
position: relative;
}
.product_list dl dd li:hover .img img{
transform: scale(1.05);
}
.product_list dl dd li h3{
font-size:20px;
color: #fff;
height: 60px;
display: flex;
align-items:center;
justify-content: center;
line-height: 1.5;
background:#484848;
border-radius: 20px 0 20px 20px;
position: relative;
font-weight: 300;
}
.product_list dl dd li:hover h3{
color: #ff5000;
}
.product_list dl dd li h3:after{
content: '';
position: absolute;
top: -19px;
left: 0;
width: 100%;
height: 38px;
background: url(../images/p_logo.png) no-repeat;
z-index: 9;
}
.product_list dl dd li .txt{
font-size:15px;
line-height: 1.8;
margin-top:10px;
}
.product_list dl dd li .txt strong{
font-size:18px;
font-family: "sySC-Normal";
font-weight: 500;
}
.product_detail{
}
.product_detail_top{
padding-bottom:16px;
background:#fff;
position: relative;
margin-top:58px;
border-left: 5px solid #ff5000;
}
.product_detail_top:after{
content: '';
position: absolute;
bottom: 3px;
left: 0;
width: 100%;
height: 26px;
background: url(../images/p_logo2.png) no-repeat;
z-index: 9;
}
.product_detail_li{
display: flex;
flex-wrap: wrap;
justify-content: center;
background:#484848;
}
.product_detail_li p{
display: flex;
align-items:center;
height: 50px;
line-height: 1.5;
font-size:16px;
color: #fff;
font-family: "sySC-Normal";
margin:0 44px;
cursor: pointer;
}
.product_detail_li p.on,.product_detail_li p:hover{
color: #ff5000;
}
.p_detail{
position: relative;
}
.dingwei{
position: absolute;
top:-74px;
left:0;
}
.pd1{
padding:70px 0 80px;
border-bottom: 1px solid #c6c6c6;
}
h2.p_t1{
text-align: center;
font-size:28px;
color: #484848;
font-family: "sySC-Light";
line-height: 1.3;
}
.pd1 .cont{
display: flex;
flex-wrap: wrap;
justify-content: center;
align-items:center;
margin-top:55px;
}
.pd1 .cont .text{
width: 45%;
max-width: 420px;
padding-right: 45px;
font-size:15px;
color: #484848;
}
.pd1 .cont .img{
width: 45%;
max-width: 362px;
}
.pd1 .cont .img img,.pd1 .cont .img2 img{
border-radius: 20px;
}
.pd1 .cont .text1{
max-width: 365px;
padding-right: 45px;
font-size:15px;
color: #484848;
width: 30%;
}
.pd1 .cont .img2{
max-width: 362px;
font-size:15px;
color: #484848;
padding:0 55px;
width: 40%;
}
.pd1 .cont2 .text{
width: 35%;
}
.pd1 .cont2 .text:last-child{
padding: 0 0 0 50px;
}
.pd1 .cont2 .img{
width: 30%;
}
.pd2{
padding:80px 0 120px;
border-bottom: 1px solid #c6c6c6;
}
.pd2 .text{
max-width: 630px;
margin:15px auto 0;
font-size:15px;
text-align: center;
}
.pd2 .text strong{
font-size:20px;
font-weight: normal;
display: block;
}
.p_list1{
margin-top:65px;
display: flex;
flex-wrap: wrap;
justify-content: center;
}
.p_list1 li{
max-width: 600px;
width: 50%;
padding:0 46px;
text-align: center;
border-right: 1px solid #c6c6c6
}
.p_list1 li:last-child{
border-right: none;
}
.p_list1 li .p1{
font-size:24px;
color: #ff5000;
line-height: 1.4;
height: 65px;
}
.p_list1 li .img img{
border-radius: 20px;
margin-bottom: 55px;
border:1px solid #b6b6b6;
/* max-width: 424px;
margin:0 auto;*/
}
.p_list_ico1{
display: flex;
flex-wrap: wrap;
margin-top:65px;
}
.p_list_ico1 .p_ico{
width: 30%;
margin-right: 5%;
}
.p_list_ico1 .p_ico:last-child{
margin-right: 0;
}
.p_list_ico1 .p_ico .p2{
font-size:18px;
font-family: "sySC-Normal";
margin:10px 0 8px;
line-height: 1.4;
}
.p_list_ico1 .p_ico .p3{
font-size:14px;
opacity: .7;
line-height: 1.6;
}
.p_list1_1 .p_list_ico1{
margin-top:15px;
}
.p_list1-4 li{
width: 25%;
padding:0 38px;
}
.p_list1-4 li .p_list_ico1{
text-align: center;
justify-content: center;
margin-top:5px;
}
.p_list1-4 li .p_list_ico1 .p_ico{
width: 100%;
max-width: 140px;
}
.p_list1_1 li{
width: 100%;
max-width: 663px;
padding:0;
}
.p_list1_1 .p_list_ico1{
padding:0 80px;
}
.p_list1_1 .p_list_ico1 .p_ico{
width: 28%;
margin-right: 8%;
}
.p_list1_1 .p_list_ico1 .p_ico:last-child{
margin-right: 0;
}
.p_list1_3{
}
.p_list1_3 li{
width: 25%;
margin-bottom: 80px;
padding:0 36px;
}
.p_list1_3 li .p1{
height: auto;
margin-bottom: 20px;
}
.p_list1_3 li .img img{
margin-bottom: 16px;
}
.p_list1_3 li:nth-child(5),.p_list1_3 li:nth-child(6),.p_list1_3 li:nth-child(7),.p_list1_3 li:nth-child(8){
margin-bottom: 0;
}
.pd3{
padding:115px 0 125px;
border-bottom: 1px solid #c6c6c6;
}
.p_list3_1{
display: flex;
flex-wrap: wrap;
justify-content: center;
margin-top:48px;
}
.p_list3_1 li{
max-width: 600px;
width: 50%;
padding:0 87px;
text-align: center;
border-right: 1px solid #c6c6c6
}
.p_list3_1 li:last-child{
border-right: none;
}
.p_list3_1 li .p1{
font-size:24px;
color: #ff5000;
line-height: 1.4;
height: 65px;
}
.p_list3_1 li .img img{
border-radius: 20px;
/* border:1px solid #b6b6b6;*/
margin-bottom: 25px;
}
.p_list3_1 li .p2{
font-size:16px;
padding:0 22px;
line-height: 1.6;
}
.p_list3_1_4 li{
width: 25%;
padding:0 36px;
}
.p_list3_1_4 li:nth-child(2n) {
/*padding: 0 36px;*/
}
/*.p_list3_1_4 li:nth-child(1){*/
/* padding-left: 0;*/
/*}*/
/*.p_list3_1_4 li:last-child{*/
/* padding-right: 0;*/
/*}*/
.p_list3_1_4 li .p1{
height: auto;
margin-bottom: 20px;
}
.p_list3_1_4 li .img img{
margin-bottom: 0;
}
.p_list3_1_4 li .imgs p{
width: 100%;
}
.p_list3_3{
}
.p_list3_3 li{
}
.pd4{
padding:120px 0 100px;
}
.p_list4_1{
display: flex;
flex-wrap: wrap;
position: relative;
margin-top:50px;
}
.p_list4_1 li{
width: 50%;
text-align: center;
border-right: 1px solid #c6c6c6;
padding:0 75px 0 0;
}
.p_list4_1 li:nth-child(2n){
padding:0 0 0 75px;
}
.p_list4_1 li:last-child{
border-right: none;
}
.p_list4_1 li .imgs{
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.p_list4_1 li .imgs p{
width: 47%;
}
.p_list4_1 li .imgs p img{
border-radius: 15px;
}
.p_list4_1 li .p1{
margin:28px 0 32px;
font-size:24px;
line-height: 1.4;
}
.p_list4_1_2,.p_list4_1_3{
justify-content: center;
}
.p_list4_1_2 li{
text-align: center;
width: 100%;
max-width: 663px;
padding:0;
}
.p_list4_1_2 li .imgs p{
width: 100%;
}
.p_list4_1_2 li .imgs{
justify-content: center;
}
.p_list4_1_2 li .imgs p img{
border-radius: 40px;
}
.p_list4_1_3 li{
text-align: center;
width: 100%;
max-width: 945px;
padding:0;
}
.p_list4_1_3 li .imgs p img{
border-radius: 22px;
}
a.more3{
width: 112px;
height: 50px;
border:1px solid #484848;
display: flex;
justify-content: center;
align-items:center;
margin:0 auto;
font-size:16px;
}
a.more3:hover{
background:#ff5000;
border:1px solid #ff5000;
color: #fff;
}
#p_table_scroll{
padding-bottom: 50px;
}
#p_table_scroll .swiper-pagination{
bottom:0;
}
#p_table_scroll .swiper-pagination .swiper-pagination-bullet {
background: #4d4d4d;
opacity: 0.5;
width: 48px;
height: 5px;
margin: 0 8px;
}
#p_table_scroll .swiper-pagination .swiper-pagination-bullet-active{
background:#ff5000;
opacity: 1;
}
@media(max-width: 1600px){
.product_list dl dd li{
width:22%;
margin-right:4%;
}
.product_list dl dd li h3{
font-size:18px;
}
.product_list dl dd li .txt strong{
font-size:17px;
}
.product_list dl dd li .txt{
font-size:14px;
}
.pd1 .cont .text,.pd2 .text{
font-size:14px;
}
.pd2 .text strong{
font-size:18px;
}
.p_list1{
margin-top:50px;
}
.p_list1 li{
padding:0 35px;
}
.p_list1 li .p1,.p_list3_1 li .p1{
font-size:20px;
}
.p_list1 li .img img{
margin-bottom:35px;
}
.p_list_ico1{
margin-top:40px;
}
.p_list_ico1 .p_ico .p2{
font-size:16px;
margin:6px 0 3px;
}
.p_list_ico1 .p_ico .p3{
font-size:12px;
}
.p_list3_1 li .p2{
font-size:14px;
padding:0 15px;
}
.p_list4_1 li{
padding:0 50px 0 0;
}
.p_list4_1 li:nth-child(2n){
padding:0 0 0 50px;
}
.p_list4_1 li .p1 {
margin: 20px 0 25px;
font-size: 20px;
}
.product_detail_top{
margin-top:45px;
}
.p_list3_1 li{
padding:0 55px;
}
.p_list1_3 li{
margin-bottom:50px;
}
}
@media(max-width: 1280px){
.pd1,.pd2,.pd3,.pd4{
padding:65px 0;
}
.product_detail_li p{
margin:0 30px;
}
}
@media(max-width: 1099px){
.p_list3_1 li{
padding:0 25px;
}
.pd1 .cont2 .text{
padding-right:30px;
}
.pd1 .cont2 .text:last-child {
padding: 0 0 0 30px;
}
}
@media(max-width: 991px){
.product_list dl dt{
margin-bottom:50px;
font-size:26px;
}
.product_list dl dd li{
width:23.5%;
margin-right:2%;
}
h2.p_t1{
font-size:26px;
}
.p_list4_1 li{
padding:0 30px 0 0;
}
.p_list4_1 li:nth-child(2n){
padding:0 0 0 30px;
}
.p_list1_3 li{
margin-bottom:35px;
}
}
@media(max-width: 820px){
.pd1{
padding:50px 0;
}
.product_detail_li p{
margin:0 20px;
}
.pd1 .cont,.p_list1{
margin-top:35px;
}
.p_list1 li{
padding:0 15px;
}
.p_list1 li .img img{
margin-bottom:20px;
}
.p_list1_3 li .p2{
font-size:12px;
}
.p_list4_1 li .p1{
font-size:18px;
margin:15px 0;
}
a.more3 {
width: 100px;
height: 45px;
font-size: 15px;
}
.pd1 .cont2 .text{
padding-right:20px;
}
.pd1 .cont2 .text:last-child {
padding: 0 0 0 20px;
}
.p_list3_1 li{
padding:0 15px;
}
}
@media(max-width: 640px){
.product_list dl dt{
margin-bottom:35px;
font-size:24px;
}
.product_list dl dd li{
width:48%;
margin-right:4%;
margin-bottom:20px;
}
.product_list dl dd li:nth-child(2n){
margin-right:0;
}
.product_list dl dd li h3{
font-size:16px;
}
h2.p_t1{
font-size:22px;
}
.pd1 .cont{
margin-top:20px;
}
.pd1, .pd2, .pd3, .pd4{
padding:40px 0;
}
.product_detail_top{
margin-top:30px;
}
.product_detail_li p{
margin:0 8px;
}
.pd1 .cont .text{
width:100%;
padding-right:0;
}
.pd1 .cont2 .text{
padding-right:0px;
}
.pd1 .cont2 .text:last-child {
padding: 0 0 0 0px;
}
.pd1 .cont2 .text:nth-child(3){
margin-top:20px;
}
.pd1 .cont .img{
width:100%;
text-align:center;
margin-top:20px;
}
.pd2 .text strong {
font-size: 17px;
}
.p_list1,.p_list3_1,.p_list4_1{
margin-top:25px;
}
.p_list1 li{
padding:20px 0;
border-right:none;
width:100%;
border-bottom:1px solid #c6c6c6;
}
.p_list1 li:nth-child(2n){
/*margin-top:20px;*/
}
.p_list1 li:nth-child(1){
padding-top:0;
}
.p_list1 li:last-child{
padding-bottom:0;
border-bottom:none;
}
.p_list1 li .p1, .p_list3_1 li .p1 {
font-size: 17px;
margin-bottom:15px;
height:auto;
}
.p_list1 li .img img {
margin-bottom: 20px;
}
.p_list_ico1 {
margin-top: 25px;
}
.p_list3_1 li{
padding:20px 0px;
border-right:none;
width:100%;
border-bottom:1px solid #c6c6c6;
}
.p_list3_1 li:nth-child(1){
padding-top:0;
}
.p_list3_1 li:last-child{
padding-bottom:0;
border-bottom:none;
}
.p_list3_1 li:nth-child(2n){
/*margin-top:20px;*/
}
.p_list4_1 li{
padding:0;
width:100%;
margin-bottom:25px;
border-right:none;
}
.p_list4_1 li:last-child{
margin-bottom:0;
}
.p_list4_1 li:nth-child(2n){
padding-left:0;
/*margin-top:25px;*/
}
a.more3 {
width: 85px;
height: 40px;
font-size: 14px;
}
.p_list1_3 li{
width:50%;
margin-bottom:0px;
padding:20px 15px;
/*border-right: 1px solid #c6c6c6;*/
position:relative;
}
.p_list1_3 li:nth-child(1),p_list1_3 li:last-child{
padding:20px 15px;
}
.p_list1_3 li:nth-child(2n):after{
opacity:0;
}
.p_list1_3 li:after{
content:'';
position:absolute;
right:0;
top:20px;
width:1px;
height:calc(100% - 40px);
background:#c6c6c6;
}
.p_list1_3 li:nth-child(7){
border-bottom: none;
}
}
/*解决方案*/
.case_detail{
}
.case_detail1{
padding:65px 0;
border-bottom: 1px solid #c6c6c6;
}
.case_detail1 .content{
display: flex;
flex-wrap: wrap;
margin-top:77px;
}
.case_detail1 .content .text{
width: 60%;
padding-right:125px;
font-size:15px;
}
.case_detail h2.p_t1{
font-family: "sySC-Normal";
}
h3.c_t1{
font-size:24px;
line-height: 1.2;
font-family: "sySC-Light";
}
.case_detail1 .content .text h3.c_t1{
margin-bottom: 45px;
}
.case_detail1 .content .img{
width: 40%;
}
.case_detail2_top{
padding:62px 0 0;
border-bottom: 1px solid #878787;
margin-bottom: 30px;
}
.case_detail h3.c_t1{
text-align: left;
}
.case_detail_li {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
padding:0 145px;
margin-top:80px;
text-align: center;
}
.case_detail_li li{
position: relative;
text-align: center;
width: 30%;
max-width: 274px;
border-radius: 20px 20px 0 0;
overflow: hidden;
cursor: pointer;
}
.case_detail_li li .p1{
height: 46px;
display: flex;
align-items:center;
justify-content: center;
line-height: 1.5;
background:#484848;
font-size:22px;
color: #fff;
}
.case_detail_li li:last-child{
margin-right: 0;
}
.case_detail_li li.cur .p1{
color: #ff5000;
}
.case_detail_li li .p2{
height: 42px;
display: flex;
align-items:center;
justify-content: center;
line-height: 1.5;
font-size:16px;
background:#fff;
}
.case_detail_li_01,.case_detail_li_02{
justify-content: center;
}
.case_detail_li_02 li{
margin-right: 5%;
}
.case_detail_tab{
/*display: none;*/
height: 0;
opacity: 0;
z-index: -9999;
overflow: hidden;
}
.case_detail_tab.on{
height: auto;
opacity: 1;
z-index: 99;
}
.case_tab{
border-bottom: 1px solid #c6c6c6;
}
.case_tab:last-child{
border:none;
}
.case_tab1{
padding:90px 0 65px;
}
.c_list1{
margin-top:85px;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.c_list1 ul{
width: 44%;
}
.c_list1 ul li{
margin-bottom: 55px;
}
.c_list1 li .p1{
font-size:22px;
color: #ff5000;
line-height: 1;
}
.c_list1 li .txt{
font-size:15px;
color: #484848;
margin-top:25px;
}
.case_tab2{
padding:90px 0;
}
.c_list2{
margin-top:60px;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.c_list2 li{
width: 44%;
font-size:15px;
}
.case_tab3{
padding:100px 0 70px;
}
.c_list3{
margin-top:60px;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.c_list3 li{
width: 50%;
border-right: 1px solid #c6c6c6;
padding: 0 6% 0px 0;
margin-bottom: 50px;
}
.c_list3 li:nth-child(2n){
padding: 0 0 0 6%;
border:none;
}
.c_list3 li .p1{
font-size:22px;
color: #ff5000;
line-height: 1.2;
margin-bottom: 20px;
}
.c_list3 li .txt{
font-size: 15px;
}
.c_list3 li .imgs{
margin-top:28px;
}
.swiper-pagination{
line-height: 1.2;
}
#case_imgs1,#case_imgs2,#case_imgs3,#case_imgs4,#case_imgs5,#case_imgs6{
padding-bottom: 48px;
}
.c_list3 video{
width: 100%;
display: block;
}
#case_imgs1 .swiper-pagination,#case_imgs2 .swiper-pagination,#case_imgs3 .swiper-pagination,#case_imgs4 .swiper-pagination,#case_imgs5 .swiper-pagination,#case_imgs6 .swiper-pagination{
bottom:0px;
}
#case_imgs1 .swiper-pagination .swiper-pagination-bullet,
#case_imgs2 .swiper-pagination .swiper-pagination-bullet,
#case_imgs3 .swiper-pagination .swiper-pagination-bullet,
#case_imgs4 .swiper-pagination .swiper-pagination-bullet,
#case_imgs5 .swiper-pagination .swiper-pagination-bullet,
#case_imgs6 .swiper-pagination .swiper-pagination-bullet{
background:#484848;
opacity: 1;
width: 48px;
height: 5px;
margin:0 8px;
}
#case_imgs1 .swiper-pagination .swiper-pagination-bullet-active,
#case_imgs2 .swiper-pagination .swiper-pagination-bullet-active,
#case_imgs3 .swiper-pagination .swiper-pagination-bullet-active,
#case_imgs4 .swiper-pagination .swiper-pagination-bullet-active,
#case_imgs5 .swiper-pagination .swiper-pagination-bullet-active,
#case_imgs6 .swiper-pagination .swiper-pagination-bullet-active{
background:#ff5000;
opacity: 1;
}
.case_tab4{
padding:90px 0 120px;
}
.c_list4{
margin-top:60px;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.c_list4 li{
width: 44%;
font-size:15px;
}
@media(max-width: 1600px){
.case_detail1 .content .text{
padding-right:90px;
}
.case_detail_li{
padding:0 100px;
}
}
@media(max-width: 1280px){
.case_detail1{
padding:50px 0;
}
.case_detail1 .content{
margin-top:50px;
}
.case_detail1 .content .text{
padding-right:50px;
font-size:14px;
}
.case_detail1 .content .text h3.c_t1 {
margin-bottom: 20px;
}
h3.c_t1{
font-size:20px;
}
.case_detail_li{
padding:0 60px;
margin-top:50px;
}
.case_detail_li li .p1{
font-size:18px;
}
.case_detail_li li .p2{
font-size:15px;
}
.case_tab1 {
padding: 65px 0 40px;
}
.c_list1,.c_list2,.c_list3,.c_list4{
margin-top:50px;
}
.c_list1 ul li{
margin-bottom:35px;
}
.c_list1 li .p1,.c_list3 li .p1{
font-size:18px;
}
.c_list1 li .txt{
font-size:14px;
margin-top:16px;
}
.case_tab2,.case_tab3,.case_tab4{
padding:65px 0;
}
.c_list3 li{
padding: 0 4% 0 0;
}
.c_list3 li:nth-child(2n){
padding: 0 0 0 4%;
}
.c_list3 li .p1{
margin-bottom:12px;
}
.c_list2 li,.c_list3 li .txt,.c_list4 li{
font-size:14px;
}
}
@media(max-width: 1099px){
.c_list3 li{
margin-bottom:40px;
}
}
@media(max-width: 991px){
.case_detail_li{
padding:0 30px;
}
}
@media(max-width: 820px){
.case_detail1 .content .text{
padding-right:30px;
}
.case_detail1 .content .text h3.c_t1 {
margin-bottom: 15px;
}
.case_detail2_top{
padding:50px 0 0;
margin-bottom:25px;
}
.case_tab1{
padding:50px 0 30px;
}
.case_detail1 .content,.c_list1, .c_list2, .c_list3, .c_list4 {
margin-top: 35px;
}
.c_list1 ul li{
margin-bottom:25px;
}
.case_tab2, .case_tab3, .case_tab4{
padding:50px 0;
}
.c_list1 ul,.c_list2 li,.c_list4 li{
width:47%;
}
.c_list3 li{
padding: 0 3% 0 0;
}
.c_list3 li:nth-child(2n){
padding: 0 0 0 3%;
}
.case_detail_li{
padding:0 0px;
}
}
@media(max-width: 640px){
.case_detail1{
padding:40px 0;
}
.case_detail1 .content .text{
width:100%;
padding-right:0;
}
.case_detail1 .content .img{
width:100%;
margin-top:20px;
}
.case_tab2, .case_tab3, .case_tab4{
padding:40px 0;
}
.case_detail_li{
margin-top:40px;
}
.case_detail_li li{
width:32%;
}
.case_detail_li li .p1{
font-size:15px;
padding:10px 15px;
line-height:1.2;
}
.case_detail_li li .p2{
font-size:13px;
padding:5px 10px;
}
.c_list1 ul,.c_list2 li,.c_list4 li{
width:100%;
}
.c_list3 li{
width:100%;
border-right:none;
padding: 0 0% 0 0;
}
.c_list3 li:nth-child(2n){
padding: 0 0 0 0%;
margin-top:20px;
}
.case_tab1 {
padding: 20px 0 20px;
}
#case_imgs1 .swiper-pagination .swiper-pagination-bullet,
#case_imgs2 .swiper-pagination .swiper-pagination-bullet,
#case_imgs3 .swiper-pagination .swiper-pagination-bullet,
#case_imgs4 .swiper-pagination .swiper-pagination-bullet,
#case_imgs5 .swiper-pagination .swiper-pagination-bullet,
#case_imgs6 .swiper-pagination .swiper-pagination-bullet{
width:30px;
}
.c_list3 li{
margin-bottom:25px;
}
.case_detail_li_01 li{
width:60%;
}
.case_detail_li_02 li{
width:49%;
margin-right:2%;
}
}
/*培训中心*/
/*.n_news .sort a:nth-child(1){
display: none;
}*/
.news_sort2{
padding-bottom: 16px;
background: #fff;
position: relative;
margin-top: 58px;
border-left: 5px solid #ff5000;
margin-bottom: 68px;
}
.news_sort2:after{
content: '';
position: absolute;
bottom: 3px;
left: 0;
width: 100%;
height: 26px;
background: url(../images/p_logo2.png) no-repeat;
z-index: 9;
}
.news_sort2 ul{
display: flex;
flex-wrap: wrap;
justify-content: center;
align-items:center;
background:#484848;
height: 50px;
}
.news_sort2 ul li{
margin:0 44px;
}
.news_sort2 ul li a{
font-size:16px;
color: #fff;
font-family: "sySC-Normal";
}
.news_sort2 ul li a.cur,.news_sort2 ul li a:hover{
color: #ff5000;
}
.news_list3{
display: flex;
flex-wrap: wrap;
}
.news_list3 li{
width: 31%;
margin-right: 3.5%;
}
.news_list3 li:nth-child(3n){
margin-right: 0;
}
.news_list3 li a{
display: block;
}
.news_list3 li a .video_img{
position: relative;
}
.news_list3 li a .video_img:before{
content: '';
position: absolute;
bottom: 0px;
left: 0;
width: 100%;
height: 32px;
background: url(../images/video_logo2.png) no-repeat center;
z-index: 2;
}
.news_list3 li a .video_img:after{
content:'';
position: absolute;
left:0;
bottom:0;
width: 100%;
height: 16px;
background:#484848;
z-index: 1;
}
.news_list3 li a .logo1{
position: absolute;
top:5px;
left:10px;
z-index: 9;
}
.news_list3 li a p{
font-size:20px;
color: #484848;
line-height: 1.4;
margin-top:15px;
}
.news_list3 li a:hover p{
color: #ff5000;
}
.news_list4{
margin-top:22px;
}
.news_list4 li{
padding:60px 0;
border-bottom: 1px solid #b6b6b6;
}
.news_list4 li a{
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.news_list4 li a .img{
width: 35%;
max-width: 415px;
}
.news_list4 li a:hover .img img{
transform: scale(1.1);
}
.news_list4 li a .text{
width: 58%;
padding:20px 120px 15px 70px;
}
.news_list4 li a .text h3{
font-size:21px;
color: #484848;
font-family: "sySC-Normal";
line-height: 1.4;
}
.news_list4 li a:hover .text h3{
color: #ff5000;
}
.news_list4 li a .text .info{
font-size:15px;
margin-top:40px;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
overflow: hidden;
color: #484848;
}
.news_more1{
display: flex;
align-items:center;
justify-content: center;
width: 7%;
text-align: center;
}
.news_list4 li a:hover .news_more1 .img1{
display: none;
}
.news_list4 li a:hover .news_more1 .img2{
display: inline-block;
}
@media(max-width: 1600px){
.news_list3 li{
width:32%;
margin-right:2%;
}
.news_list3 li a p{
font-size:16px;
}
.news_list4 li{
padding:45px 0;
}
.news_list4 li a .text {
padding: 20px 80px 15px 50px;
}
.news_list4 li a .text h3{
font-size:18px;
}
.news_list4 li a .text .info{
margin-top:25px;
font-size:14px;
}
}
@media(max-width: 1280px){
.news_sort2{
padding-bottom: 12px;
margin-top: 40px;
margin-bottom: 45px;
}
.news_sort2:after{
bottom:-1px;
}
.news_sort2 ul{
height:45px;
}
.news_list3 li a p{
font-size:15px;
}
}
@media(max-width: 1099px){
.news_sort2 ul li{
margin:0 30px;
}
.news_list4 li{
padding:30px 0;
}
.news_list4 li a .text {
padding: 20px 50px 15px 35px;
}
.news_list4 li a .text .info {
margin-top: 15px;
}
}
@media(max-width: 991px){
}
@media(max-width: 820px){
.news_sort2 ul li{
margin:0 20px;
}
.news_list3{
margin-top:25px;
}
.news_list3 li{
width:49%;
margin-right:0!important;
}
.news_list3 li:nth-child(3n){
margin-right: 2%;
}
.news_list3 li:nth-child(2n){
margin-right: 0;
}
}
@media(max-width: 640px){
.news_sort2{
margin-top: 30px;
margin-bottom: 30px;
}
.news_sort2 ul li{
margin:0 12px;
}
.news_list4 li a .text {
padding: 15px 15px 10px 15px;
}
.news_list4 li a .text h3 {
font-size: 16px;
}
.news_list4 li a .text .info {
margin-top: 10px;
line-height:1.8;
}
}
@media(max-width: 420px){
.news_list3 li{
width:100%;
margin-right:0!important;
padding: 20px 0;
border-bottom:1px solid #b6b6b6;
margin-bottom:0;
}
.news_list3 li:nth-child(1){
padding-top:0;
}
.news_list4 li a .img{
width:100%;
}
.news_list4 li a .text {
padding: 20px 0px 0px 0px;
width:100%;
}
.news_more1{
display:none;
}
}
/*联系我们*/
.contact1{
display: flex;
flex-wrap: wrap;
justify-content: space-between;
margin:70px 0;
}
.message3{
width: 50%;
padding-right: 68px;
border-right: 1px solid #cecece;
}
.c_t1{
text-align: center;
margin-bottom: 40px;
}
.c_t1 h2{
font-size:29px;
color: #ff5000;
font-family: "sySC-Normal";
line-height: 1;
margin-bottom: 10px;
}
.c_t1 p{
font-size:16px;
color: #484848;
line-height: 1.6;
}
.message3 ul textarea{
width: 100%;
height: 200px;
border: 1px solid #c8c8c8;
background: #fff;
line-height: 48px;
outline: none;
padding: 0 18px;
cursor: pointer;
font-family: "sySC-Light";
}
.c_content{
width: 50%;
padding-left: 68px;
}
.c_content .text{
display: flex;
flex-wrap: wrap;
justify-content: center;
align-items:center;
}
.c_content .text .c_logo{
margin-right: 45px;
}
.c_content .text .c_logo img{
max-width: 219px;
}
.c_content .text .txt{
line-height: 1.8;
}
.c_map{
margin-top:38px;
}
@media(max-width: 1760px){
.c_t1{
margin-bottom:25px;
}
.c_t1 h2{
font-size:26px;
}
.c_t1 p{
font-size:15px;
}
.message3{
padding-right:35px;
}
.c_content{
padding-left:35px;
}
.c_content .text .c_logo{
margin-right:25px;
}
}
@media(max-width: 1600px){
.c_content .text .c_logo{
margin-right:4%;
max-width:48%;
}
.c_content .text .txt{
font-size:13px;
max-width:48%;
}
.c_map{
margin-top:30px;
}
}
@media(max-width: 1360px){
.c_content .text .c_logo{
width:100%;
max-width:100%;
margin-right:0;
text-align:center;
}
.c_content .text .c_logo img{
max-width:320px;
}
.c_content .text .txt{
max-width:100%;
margin-top:15px;
}
.c_map{
margin-top:20px;
}
}
@media(max-width: 1099px){
}
@media(max-width: 991px){
.contact1{
margin:55px 0;
}
}
@media(max-width: 820px){
.c_t1 h2{
font-size:24px;
}
.c_t1 p{
font-size: 14px;
}
}
@media(max-width: 640px){
.contact1{
margin:40px 0;
}
.message3{
padding-right:0;
width:100%;
border:none;
}
.message .mess_tn{
text-align:center;
padding-top:15px;
}
.message .mess_tn input{
float:none;
width:90px;
height:40px;
font-size:14px;
}
.c_content{
padding-left:0;
width:100%;
margin-top:40px;
}
}
.sousuo_content{
padding:182px 0 250px;
}
.sousuo_l{
float: left;
max-width: 270px;
width: 23%;
}
.sousuo_l dl dt{
background:#484848;
color: #fff;
height: 45px;
position: relative;
border-radius: 17px 17px 0 0;
font-size:15px;
display: flex;
align-items:center;
justify-content: center;
}
.sousuo_l dl dt span{
margin:0 22px;
}
.sousuo_l dl dt a{
font-size:15px;
color: #ff5000;
}
.sousuo_l dl dt:after{
content:'';
position: absolute;
bottom:-16px;
left:0;
width: 100%;
height: 32px;
background:url(../images/ss_logo.png) no-repeat left center;
z-index: 1;
}
.sousuo_l dl dd{
padding:21px;
background:#fff;
border-radius:0 0 17px 17px;
}
.sousuo_l dl dd select{
height: 35px;
width: 100%;
line-height: 35px;
border: 1px solid #e6e6e6;
padding:0 15px 0 18px;
margin-bottom: 15px;
font-size:15px;
color: #484848;
}
.sousuo_l dl dd input{
height: 35px;
width: 100%;
line-height: 35px;
margin-bottom: 15px;
font-size:15px;
color: #484848;
}
.sousuo_l dl dd input.keyword{
border: 1px solid #e6e6e6;
padding:0 15px 0 18px;
}
.sousuo_l dl dd input.s_btn{
outline: none;
background:#e6e6e6;
text-align: center;
border:none;
cursor: pointer;
margin-bottom: 0;
}
.sousuo_r{
float: right;
width: 73%;
}
.search_list{
}
.search_list li{
padding:50px 0;
border-bottom: 1px solid #c6c6c6;
}
.search_list li:nth-child(1){
padding-top:0;
}
.search_list li a{
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-items:center;
}
.search_list li a .text{
width: calc(100% - 180px);
}
.search_list li a h3{
font-size:30px;
color: #484848;
line-height: 1.2;
font-family: "sySC-Light";
}
.search_list li a p.p1{
font-size:15px;
color: #ff5000;
margin:5px 0 10px;
}
.search_list li a .txt{
font-size:15px;
color: #484848;
}
.search_list li a .search_more1{
width: 80px;
text-align: center;
}
.search_more1 .img2{
display: none;
}
.search_list li a:hover h3{
color: #ff5000;
}
.search_list li a:hover .search_more1 .img1{
display: none;
}
.search_list li a:hover .search_more1 .img2{
display: inline-block;
}
@media(max-width: 1600px){
.sousuo_content{
padding:160px 0 150px;
}
.search_list li{
padding:35px 0;
}
.search_list li a h3{
font-size:26px;
}
.search_list li a .txt{
font-size:14px;
}
}
@media(max-width: 1280px){
.sousuo_content{
padding:150px 0 100px;
}
.search_list li a .text{
width:calc(100% - 150px);
}
}
@media(max-width: 1099px){
}
@media(max-width: 991px){
.search_list li a h3{
font-size:22px;
}
}
@media(max-width: 820px){
.sousuo_content{
padding:120px 0 75px;
}
.search_list li a .text{
width:calc(100% - 120px);
}
}
@media(max-width: 640px){
.sousuo_content{
padding:85px 0 40px;
}
.sousuo_l{
width:100%;
margin:0 auto;
float:none;
}
.sousuo_l dl dt{
display:none;
}
.sousuo_l dl dd{
border-radius:17px;
}
.sousuo_r{
width:100%;
margin-top:35px;
}
.search_list li a .text{
width:100%;
}
.about_news_more{
display:none;
}
.search_list li{
padding:25px 0;
}
.search_list li a h3{
font-size:20px;
}
.search_list li a .p1{
display:flex;
justify-content:space-between;
align-items:center;
}
.search_list li a .p1 i{
background:url(../images/news_more.png) no-repeat;
background-size:contain;
width: 21.5px;
height: 10px;
}
}
h1.title{
font-size: 22px;
color: #333;
text-align: center;
padding:2em 0 0.5em 0;
font-weight: normal;
}
h3.tag{
font-size: 14px;
color: #666;
font-weight: normal;
}
.online-server{
position: fixed;
right: 18px;
bottom: 10%;
width: 48px;
background-color: #ffffff;
border-radius: 24px;
padding-top: 5px;
padding-bottom: 5px;
z-index: 999;
box-shadow: 0px 0px 16px rgb(0 0 0 / 13%);
}
.online-server a{
display: block;
width: 100%;
height: 48px;
border-radius: 50%;
color: #000;
position: relative;
cursor: pointer;
}
.online-server a p{
position: absolute;
width: 180px;
left:-185px;
top:4px;
line-height: 40px;
padding:0 10px 0 40px;
font-size: 16px;
color: #fff;
opacity: 0;
border-radius: 6px;
background: url(../images/r_i1_h2.png) no-repeat 10px center #00a2e7;
display: none;
}
.online-server a:hover p{
opacity: 1;
display: block;
}
.online-server a:nth-child(1){
background: url(../images/r_i1.png) no-repeat center;
background-size: 27px;
}
.online-server a:nth-child(1):hover{
background: url(../images/r_i1_h.png) no-repeat center;
background-size: 27px;
}
.online-server a:nth-child(2){
background: url(../images/r_i2.png) no-repeat center;
background-size: 27px;
}
.online-server a:nth-child(2):hover{
background: url(../images/r_i2_h.png) no-repeat center;
background-size: 27px;
}
.online-server a:nth-child(3){
background: url(../images/r_i3.png) no-repeat center;
background-size: 27px;
}
.online-server a:nth-child(3):hover{
background: url(../images/r_i3_h.png) no-repeat center;
background-size: 27px;
}
@media(max-width: 1600px){
.online-server{
right:5px;
}
}
@media(max-width: 991px){
.online-server{
display: none!important;
}
}
@media(max-width: 768px){
h1.title{
font-size: 18px;
}
}
.pageController{
text-align: center;
color:#505050;margin:0 auto;
margin:70px 0 50px;
line-height:24px;
}
.pageController a{
/* background-color:#FFF;vertical-align:middle; border:#ff5000 1px solid; */
color:#505050;padding:4px 8px; margin-right:3px;margin-left:3px;
}
.pageController a:hover{background-color:#ff5000;color:#fff; text-decoration:none;}
.pageController .currPage {background-color: #ff5000;color:#fff;}
.pageController .t1{
float:left;margin-right:5px;height:24px;line-height:22px;white-space:nowrap;
display: none;
}
.pageController .t2{vertical-align:middle;line-height:39px;}
.pageController .t2 #current{
line-height: 39px;
background-color: #ff5000;
vertical-align: middle;
/*border: 1px solid #ff5000; */
color: #fff;padding: 4px 8px;
margin-right: 3px;
margin-left: 3px;
width: 39px;
}
.pageController .t1 span{
/*padding-left:4px;
padding-right:4px;*/
width: 39px;
}
.pageController select{height:24px;vertical-align:middle;text-align:center;line-height:24px;
display: none;
}
.pageController select option{vertical-align:middle;}
.m_f_fixed{
position: fixed;
bottom:0;
left:0;
background: #0067ac;
color: #fff;
z-index:9999;
justify-content: center;
width: 100%;
display:none;
}
.m_f_fixed a{
flex:1;
font-size: 14px;
color: #fff;
display: block;
text-align: center;
padding:8px 0 0;
}
.m_f_fixed a img{
width: 22px;
display: block;
margin:0 auto 0px;
}
#gotop{
position: fixed;
right: 0;
bottom: 30px;
cursor: pointer;
}
@media(max-width: 1199px){
#gotop{
display: none;
}
.pageController{
margin:50px 0 30px;
}
}
@media(max-width:640px){
.m_f_fixed{
display: flex;
}
.pageController{
margin:40px 0 30px;
}
}
/*客服1*/
.client-2 {
position: fixed;
right: -170px;
top: 50%;
z-index: 900;
}
.client-2 li a {
text-decoration: none;
}
.client-2 li {
margin-top: 1px;
clear: both;
height: 71px;
position: relative;
background: #222;
}
.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: 14px;
line-height: 20px;
overflow: hidden;
text-align: center;
color: #fff;
}
.client-2 .my-kefu-qq i {
background-position: 4px 5px;
}
.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: 35px;
background-position: -27px -51px;
}
.client-2 .my-kefu-left {
float: left;
width: 77px;
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: #222;
color: #fff;
height: 56px;
width: 247px;
padding:9px 0 6px;
float: left;
}
.client-2 .my-kefu-main {
background: #222;
width: 97px;
height: 56px;
position: relative;
padding:9px 0 6px;
float: left;
}
.client-2 .my-kefu-weixin-pic {
position: absolute;
left: -140px;
top: -24px;
display: none;
z-index: 333;
}
.my-kefu-weixin-pic img {
width: 140px;
height: 140px;
}
@media(max-width: 1199px){
.client-2{
display: none;
}
}
/* 右侧浮窗 客服2 */
#c-right-fixed {
display: none;
position: fixed;
top: 50%;
right: 5px;
z-index: 905;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
#c-right-fixed a {
position: relative;
right: 0;
margin-bottom: 2px;
display: flex;
align-items: center;
width: 60px;
height: 60px;
text-align: center;
color: #777;
background: #fff;
}
#c-right-fixed a:last-child {
margin-bottom: 0;
}
#c-right-fixed a:nth-child(3) {
z-index: 9;
}
#c-right-fixed .c-wrap {
border: 1px solid #fff;
padding: 11px 0;
width: 60px;
height: 60px;
flex: 0 0 60px;
transition: all .5s;
position: relative;
z-index:9;
}
#c-right-fixed .c-wrap img {
height: 28px;
}
#c-right-fixed .c-wrap img:nth-child(2),
#c-right-fixed a:hover .c-wrap img:nth-child(1) {
display: none;
}
#c-right-fixed a:hover .c-wrap img:nth-child(2) {
display: inline-block;
}
#c-right-fixed .c-title {
padding-top: 5px;
font-size: 12px;
line-height: 1;
}
#c-right-fixed a:last-child .c-title {
font-family: "Arial";
font-weight: bold;
}
#c-right-fixed .c-text {
flex: 0 0 auto;
width: 170px;
font-weight: bold;
font-size: 20px;
line-height: 40px;
border-left: 1px solid #fff;
color: #fff;
transition: all .5s;
}
#c-right-fixed .c-img {
position: absolute;
right: -300px;
top: -1px;
z-index: -1;
padding: 5px;
width: 148px;
border: 1px solid #eff1f5;
background: #fff;
transition: .5s;
box-shadow: 0 0 50px rgba(0, 0, 0, .1);
z-index:8;
}
#c-right-fixed .c-img::before {
content: "";
position: absolute;
top: 34px;
right: -8px;
border-left: 8px solid #fff;
border-top: 8px solid transparent;
border-bottom: 8px solid transparent;
}
#c-right-fixed .c-img img {
width: 100%;
}
#c-right-fixed .c-img .c-text2 {
padding: 5px;
font-size: 14px;
line-height: 24px;
text-align: center;
color: #777;
}
#c-right-fixed a .c-box {
position: absolute;
top: 0;
left: 0;
padding: 11px 0;
width: 100%;
height: 100%;
display: flex;
align-items: center;
background: #fff;
transition: all .5s;
overflow: hidden;
}
#c-right-fixed a:hover .c-wrap {
color: #fff;
border-color: #ffaf04;
background: #ffaf04;
}
#c-right-fixed a:last-child .c-wrap {
color: #fff;
border-color: #ffaf04;
background: #ffaf04;
}
#c-right-fixed a:first-child:hover .c-box {
width: 250px;
height: 60px;
-webkit-transform: translateX(-180px);
transform: translateX(-180px);
overflow: none;
background: #ffaf04;
}
#c-right-fixed a:hover .c-img {
right: 84px;
}
@media(max-width: 1259px){
#c-right-fixed{
display: none;
}
}
/*客服3*/
.Fast_contact {
height: 265px;
position: fixed;
right: 0;
top: 50%;
margin-top: -132.5px;
z-index: 97
}
.Fast_contact ul li.onlineservice_li {
width: 48px;
height: 48px;
position: relative;
text-align: center;
margin-bottom: 5px;
background-color: #d9d9d9;
}
.Fast_contact ul > li.onlineservice_li > a {
display: inline-block;
width: 28px;
height: 28px;
margin-top: 10px;
}
.Fast_contact ul > li:hover .onlineservice_tips {
-webkit-transform: rotateX(0);
transform: rotateX(0);
}
.onlineService_qq {
background-image: url("../images/Fast.png");
background-repeat: no-repeat;
background-position: 0 0;
}
.onlineService_form {
background-image: url("../images/fastForm.png");
background-repeat: no-repeat;
background-position: 0 0;
}
.Fast_contact ul > li.onlineservice_li > a.onlineService_tel {
width: 30px;
height: 30px;
background-image: url("../images/fastPhone.png");
background-repeat: no-repeat;
background-position: 0 0;
}
.onlineService_whatsApp {
background-image: url("../images/Fast.png");
background-repeat: no-repeat;
background-position: 0 -139px;
}
.onlineService_email {
background-image: url("../images/Fast.png");
background-repeat: no-repeat;
background-position: 0 -111px;
}
.onlineService_skype {
background-image: url("../images/Fast.png");
background-repeat: no-repeat;
background-position: 0 -28px;
}
.onlineService_wechat {
background-image: url("../images/Fast.png");
background-repeat: no-repeat;
background-position: 0 -266px;
}
.for_wechat span {
display: block;
text-align: center;
}
.onlineservice_tips {
padding: 5px 8px;
background-color: #fff;
border: 1px solid #ccc;
border-radius: 4px;
position: absolute;
right: 58px;
top: 6px;
-webkit-transform: rotateX(90deg);
transform: rotateX(90deg);
-webkit-transition: all .4s;
transition: all .4s;
}
.onlineservice_tips li {
width: auto;
height: auto;
white-space: nowrap;
}
.onlineservice_tips li a {
display: block;
min-height: 22px;
text-align: center;
line-height: 22px;
color: #737578;
font-size: 15px;
}
.onlineservice_tips li a.for_wechat {
height: auto;
}
.onlineservice_tips li a.for_wechat img {
max-width: 240px;
}
.onlineservice_tips li a:hover {
text-decoration: underline;
}
.onlineservice_tips:after {
content: "";
display: inline-block;
width: 10px;
height: 10px;
border: 1px solid #ccc;
border-color: transparent #ccc #ccc transparent;
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
position: absolute;
right: -6px;
top: 10px;
background-color: #fff;
}
@media(max-width:1220px){
.Fast_contact{
display:none;
}