/* z_tanchuang */
.z_tanchuang{position:fixed;display:table;height:100%;width:100%;top:0;left:0;transform:scale(0);-webkit-transform:scale(0);z-index:9999;}
.z_tanchuang .tbox{display:table-cell;background:rgba(0,0,0,0.8);text-align:center;vertical-align:middle}
.z_tanchuang .tbox .modal{background:white;padding:50px;display:block;border-radius:5px;position:relative;width:90%;max-width:1200px;max-height:90%;margin:0 auto}
.z_tanchuang .tbox .modal .out{position:absolute;width:40px;height:40px;line-height:40px;background:#fff url(../images/out.png) center no-repeat;background-size:20px;color:#000;font-size:30px;text-align:center;border-radius:50%;top:0;right:-50px;cursor:pointer}
.z_tanchuang .tbox .modal .img{width:100%;max-width:600px;margin:0 auto}
.z_tanchuang .tbox .modal .img video{display:block;width:100%;max-width:100%;object-fit:cover;outline: none;max-height: 600px;}
.z_tanchuang .tbox .modal .img img{margin:0 auto}
.z_tanchuang .tbox .modal .out:hover{background:#fff url(../images/out.png) center no-repeat;background-size:20px;transform:rotate(180deg);-webkit-transform:rotate(180deg)}
.z_tanchuang .tbox .modal2{padding:20px}
.z_tanchuang .tbox .modal .img{max-width:1200px}
.z_tanchuang.one{transform:scaleY(0.01) scaleX(0);animation:unfoldIn 1s cubic-bezier(0.165,0.84,0.44,1) forwards;-webkit-transform:scaleY(0.01) scaleX(0);-webkit-animation:unfoldIn 1s cubic-bezier(0.165,0.84,0.44,1) forwards}
.z_tanchuang.one .tbox .modal{transform:scale(0);animation:zoomIn .5s .8s cubic-bezier(0.165,0.84,0.44,1) forwards;-webkit-transform:scale(0);-webkit-animation:zoomIn .5s .8s cubic-bezier(0.165,0.84,0.44,1) forwards}
.z_tanchuang.one.out{transform:scale(1);animation:unfoldOut 1s .3s cubic-bezier(0.165,0.84,0.44,1) forwards;-webkit-transform:scale(1);-webkit-animation:unfoldOut 1s .3s cubic-bezier(0.165,0.84,0.44,1) forwards}
.z_tanchuang.one.out .tbox .modal{animation:zoomOut .5s cubic-bezier(0.165,0.84,0.44,1) forwards;-webkit-animation:zoomOut .5s cubic-bezier(0.165,0.84,0.44,1) forwards}
@keyframes unfoldIn{
0%{transform:scaleY(0.005) scaleX(0)}
50%{transform:scaleY(0.005) scaleX(1)}
100%{transform:scaleY(1) scaleX(1)}
}
@keyframes zoomIn{
0%{transform:scale(0)}
100%{transform:scale(1)}
}
@keyframes zoomOut{
0%{transform:scale(1)}
100%{transform:scale(0)}
}
@keyframes unfoldOut{
0%{transform:scaleY(1) scaleX(1)}
50%{transform:scaleY(0.005) scaleX(1)}
100%{transform:scaleY(0.005) scaleX(0)}
}
@-webkit-keyframes zoomIn{
0%{transform:scale(0)}
100%{transform:scale(1)}
}
@-webkit-keyframes zoomOut{
0%{transform:scale(1)}
100%{transform:scale(0)}
}
@-webkit-keyframes unfoldOut{
0%{transform:scaleY(1) scaleX(1)}
50%{transform:scaleY(0.005) scaleX(1)}
100%{transform:scaleY(0.005) scaleX(0)}
}
@-webkit-keyframes unfoldIn{
0%{transform:scaleY(0.005) scaleX(0)}
50%{transform:scaleY(0.005) scaleX(1)}
100%{transform:scaleY(1) scaleX(1)}
}
@media(max-width:960px){
.z_tanchuang .tbox .modal{padding:10px}
.z_tanchuang .tbox .modal .out{width:30px;height:30px;top:-50px;right:-2px}
}
 

/* banner */
.banner{position:relative}
.banner::after{content: "";position: absolute;left: 0;top: 0;background-image: linear-gradient(to right bottom, red, green);}
.banner .bg{width:100%}
.banner .bg img{width:100%}
.banner .text{position: absolute;top: 50%;left:0;width: 100%;height: auto;}
.banner .text h3{font-size: 45px;color: #fff;position: relative;}
.banner .text h3::after{content: "";position: absolute;left: 0;bottom: -30px;width: 80px;height: 3px;background: #fff;}
@media screen and (max-width: 1024px){
.banner .text h3{font-size: 36px;}
}
@media screen and (max-width: 520px){
.banner .bg{height: 260px;}
.banner .bg img{height:100%;object-fit:cover}
.banner .text h3{font-size: 24px;}
.banner .text h3::after{bottom: -15px;width: 60px;height: 2px;}
}
/* b_nav */
.b_nav{background:#fff;height:70px;line-height: 70px;text-align:center;border-bottom: 1px solid #eee;}
.b_nav .w1400{display: flex;justify-content: space-between;}
.b_nav li{display:inline-block;padding:0 30px;position:relative;z-index:1}
.b_nav li:nth-child(1){padding-left: 0;}
.b_nav li a{display:block;height:70px;line-height:70px;font-size:17px;color:#333;position:relative}
.b_nav li a:after{content:'';position:absolute;left:50%;bottom:0;height:2px;width:0;background:#666;transition:All 0.5s ease;-webkit-transition:All 0.5s ease;-moz-transition:All 0.5s ease;-o-transition:All 0.5s ease;	}
.b_nav li.aNow{color: #333;}
.b_nav li.aNow a:after, .b_nav li a:hover:after{ width: 100%; left: 0; }
.b_nav li a:hover{color:#333}
.b_nav .b_loa{width: max-content;display: flex;align-items: center;}
.b_nav .b_loa i{background: url(../images/house.png);background-size: cover;width: 15px;height: 15px;margin-right: 6px;}
.b_nav .b_loa a{font-size:17px;color:#333;}
.b_nav .b_loa a:hover{text-decoration: revert;}
.b_nav .b_loa p{font-size:17px;color:#333;margin: 0 10px;}
@media screen and (max-width: 1280px){
.b_nav li a{font-size: 16px;}
}
@media screen and (max-width: 1080px){
.b_nav{overflow: auto hidden;}
.b_nav .w1400{display: inherit;}
.b_nav ul{white-space: nowrap;}
.b_nav .b_loa{display: none;}
}
@media screen and (max-width: 768px){
.b_nav{height:55px;line-height: 55px;}
.b_nav li a{height:55px;line-height: 55px;}
.b_nav li a:after{bottom: 10px;}
}
@media screen and (max-width: 520px){
.b_nav li{padding: 0 15px;}
}

/* productlist */
.productlist{padding: 80px 0;}
.productlist .item{width: 23.5%;margin-bottom: 2%;margin-right: 2%;}
.productlist .item:nth-child(4n+4){margin-right: 0;}
.productlist .item .cont {height: auto;border: solid 1px #e6e6e6;box-sizing: border-box;padding: 10px 10px 0;text-align: left;background-color: #fff;transition:all .3s ease-out;}
.productlist .item .img{overflow:hidden}
.productlist .item h4{font-weight:400;font-size:18px;color:#333;height: 60px;line-height: 60px;text-align: center;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;text-overflow: ellipsis;}
.productlist .item:hover .cont{box-shadow:5px 5px 40px rgba(0,0,0,.2)}
@media(max-width:1080px){
.productlist{padding: 50px 0;}
.productlist .item h4{font-size: 16px;height: 45px;line-height: 45px;}
}
@media(max-width:850px){
.productlist .item{margin-bottom:4%;width:48%;}
.productlist .item:nth-child(odd){margin-right: 4%;}
.productlist .item:nth-child(even){margin-right: 0;}
}
@media(max-width:520px){
.productlist{padding: 30px 0;}
.productlist .item .cont{padding: 5px 5px 0;}
.productlist .item h4{font-size: 14px;height: 30px;line-height: 30px;}
}

/* product */
.product{padding:80px 0}
.product .left{width:45%;margin-right:5%}
.product .left .poSwiper2{margin-bottom:20px;padding:1px}
.product .left .poSwiper2 .swiper-slide .img{border:1px solid #ccc;text-align:center}
.product .left .poSwiper2 .swiper-slide .img img{width:80%}
.product .left .poSwiper .swiper-slide{max-width:110px}
.product .left .poSwiper .swiper-slide .img{max-width:110px;padding:10px;border:1px solid #ccc}
.product .left .poSwiper .swiper-slide-thumb-active .img{border:1px solid #97A7BE}
.product .left .swiper-button-next.swiper-button-disabled,.product .left .swiper-button-prev.swiper-button-disabled{opacity: 1;}
.product .left .swiper-button-next:after,.product .left .swiper-button-prev:after{font-size: 14px;} 
.product .left .swiper-button-next,.product .left .swiper-button-prev{height: 45px;width: 45px;background: #C2CAC7;color: #fff;border-radius: 50%;}
.product .left .swiper-button-next:hover,.product .left .swiper-button-prev:hover{background: #153e67;}
.product .right{width:50%;text-align:left;padding-top:10px}
.product .right p{font-size:16px}
.product .right h2{font-size:26px;font-weight:400;margin-top:10px;padding-bottom: 15px;border-bottom: 1px solid #ddd;}
.product .right .text{font-size: 16px;line-height: 28px;margin-top: 15px;}
.product .cont{margin-top:50px;border-top:1px solid #ccc;border-bottom:1px solid #ccc;padding-bottom:40px;margin-top: 15px;}
.product .cont p{line-height:26px}
.product .cont .cont_tit{text-align:center;font-size:26px;color:#414141;height:90px;line-height:93px;text-transform:uppercase}
.product .item{width: 23.5%;margin-bottom: 2%;margin-right: 2%;}
.product .item:nth-child(4n+4){margin-right: 0;}
.product .item .cont {height: auto;border: solid 1px #e6e6e6;box-sizing: border-box;padding: 10px 10px 0;text-align: left;background-color: #fff;transition:all .3s ease-out;}
.product .cont table{text-align:center;font-size: 16px;width: 50%; border-collapse: collapse;border: ivory;}    
.product .cont table th{text-align: center;font-weight: bold;padding:8px;width: 200px;border: none;color: #fff;}
.product .cont table td{padding:12px 8px;font-size:16px;text-align:left;width: 1px;}
.product .cont table.hp{width: 68%;}
.product .cont table.hp tbody{display: flex;flex-wrap: wrap;}
.product .cont table.hp tbody tr{width: 36%;display: grid;}
.product .cont table.hp tbody td{width: auto;}
.product .item .img{overflow:hidden}
.product .item h4{font-weight:400;font-size:18px;color:#333;height: 60px;line-height: 60px;text-align: center;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;text-overflow: ellipsis;}
.product .item:hover .cont{box-shadow:5px 5px 40px rgba(0,0,0,.2)}
@media only screen and (max-width:1080px){
.product{padding: 50px 0;}
.product .left .poSwiper2 .swiper-slide .img img{width:100%}
.product .item h4{font-size: 16px;height: 45px;line-height: 45px;}
}
@media only screen and (max-width:850px){
.product .list{width:100%}
.product .left{width:100%;margin-right:0}
.product .left .poSwiper2 .swiper-slide .img{text-align:center}
.product .left .poSwiper2 .swiper-slide .img img{max-height:300px;width:75%}
.product .left .poSwiper .swiper-slide .img{padding:6px}
.product .right{margin-top:10px;width:100%;padding-top:10px}
.product .right p{font-size:14px}
.product .right h2{font-size:18px;padding-bottom: 10px;}
.product .right .text{font-size: 14px;line-height: 24px;margin-top: 10px;}
.product .cont{width:100%;margin-top:20px}
.product .cont .cont_tit{font-size:22px;height:60px;line-height:60px}
.product .item{margin-bottom:4%;width:48%;}
.product .item:nth-child(odd){margin-right: 4%;}
.product .item:nth-child(even){margin-right: 0;}
}
@media only screen and (max-width:520px){
.product{padding: 30px 0;}
.product .left .swiper-button-next, .product .left .swiper-button-prev{width: 35px;height:35px;}
.product .cont{padding-bottom:20px;padding-top:6px}
.product .cont .cont_tit{font-size:18px;height:40px;line-height:40px}
.product .item .cont{padding: 5px 5px 0;}
.product .cont table{width: 100%;}
.product .cont table th{text-align: center;font-weight: bold;padding: 6px;width: 170px;border: none;color: #fff;}
.product .cont table td{padding: 6px;font-size: 14px;width: 50%;}
.product .cont table.hp{width: 100%;}
.product .cont table.hp tbody tr{width: 50%;}
.product .item h4{font-size: 14px;height: 30px;line-height: 30px;}
}

/* newslsit */
.newslsit{padding: 80px 0;}
.newslsit .item{margin-bottom:2%;width:32%;margin-right: 2%; transition:all .3s linear}
.newslsit .item:nth-child(3n+3){margin-right: 0;}
.newslsit .img{position: relative;padding-bottom: 75%;width: 100%;height: 0;overflow: hidden;}
.newslsit .img img{height: 100%;object-fit: cover;width: 100%;position: absolute;transition: all .8s ease-in-out;}
.newslsit .item:hover .img img{transform: scale(1.1);-webkit-transform: scale(1.1);-moz-transform: scale(1.1);-ms-transform: scale(1.1);}
.newslsit .info{border: 1px solid #E9E9E9;border-top: 0;transition: all .1s ease;padding: 20px;}
.newslsit .info .a1{position: relative;padding-bottom: 20px;}
.newslsit .info .a1 h2{font-size:20px;position:relative;color:#54595F;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden;text-overflow:ellipsis;}
.newslsit .info .a2 p{font-size: 15px;line-height:1.7;margin:20px 0;color: #666;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;text-overflow:ellipsis;}
@media only screen and (max-width:1080px){
.newslsit{padding:60px 0;}
.newslsit .item{margin-bottom:4%;width:48%;}
.newslsit .item:nth-child(odd){margin-right: 4%;}
.newslsit .item:nth-child(even){margin-right: 0;}
}
@media only screen and (max-width:640px){
.newslsit{padding: 30px 0;}
.newslsit .in6{padding-bottom: 40px;}
.newslsit .info{padding: 8px;}
.newslsit .info .a1{padding-bottom: 10px;}
.newslsit .info .a1 h2{font-size: 16px;}
.newslsit .info .date{font-size: 12px;}
.newslsit .info .a2 p{font-size: 12px;margin: 10px 0 0;}
}

/* news */
.news{padding: 80px 0;}
.news .list .n_tit{margin-bottom: 30px;}
.news .list .n_tit h3{font-size: 30px;font-weight: bold;color: #000;text-align: center;margin-bottom: 10px;}
.news .list .n_tit .date{font-size: 14px;color: #999;padding-bottom: 15px;padding-top: 10px;text-align: center;}
.news .list .cont{border-bottom: 1px solid #ddd;border-top: 1px solid #ddd;padding: 40px 0;}
.news .list .cont img{max-width: 100%;}
.news .list .cont img{margin-bottom: 15px;}
.news .list .cont p{margin: 10px 0;font-size: 16px;line-height: 2;}
.news .link_door{margin-top: 30px;}
.news .link_door .article_list{width:70%}
.news .link_door .article_list ul li{display:flex;flex-wrap:wrap;justify-content:flex-start;padding:22.5px 30px 22.5px 0;box-sizing:border-box;position:relative;border-bottom:1px solid #eee;align-items:center}
.news .link_door .article_list ul li:after{content:"";position:absolute;left:0;bottom:-1px;width:0;height:1px;background:#636363;transition:all .5s linear}
.news .link_door .article_list ul li:hover:after{width:100%}
.news .link_door .article_list ul li .tit{width:79%;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;font-weight:400;font-size: 16px;}
@media only screen and (max-width:1080px){
.news{padding: 50px 0;}
}
@media only screen and (max-width:768px){
.news{padding: 30px 0;}
.news .list .n_tit h3{font-size: 18px;}
.news .list .n_tit .date{font-size: 12px;}
.news .list .cont p{font-size: 14px;}
.news .list .cont a{padding: 6px 20px;}
}
@media only screen and (max-width:520px){
.news .list .n_tit{margin-bottom: 20px;}
.news .list .n_tit .date{padding: 0;}
.news .list .cont{padding: 10px 0;}
.news .link_door{margin-top:10px}
.news .link_door .article_list{margin-top:15px;width:100%}
.news .link_door .article_list ul li{padding:15.5px 0 15.5px 0;background-position:right bottom 22px}
.news .link_door .article_list ul a:nth-child(1) li{padding-top:0}
.news .link_door .article_list ul li .tit{width:100%;font-size:14px}
}

/* videolist */
.videolist{padding:80px 0}
.videolist .content_list .layout:after{content:"";width:31%}
.videolist .content_list .item{margin-bottom:2%;width:23.5%;margin-right: 2%; transition:all .3s linear}
.videolist .content_list .item:nth-child(4n+4){margin-right: 0;}
.videolist .content_list .item .img{position:relative;padding-bottom:68%;width:100%;height:0;overflow:hidden}
.videolist .content_list .item .img img{position:absolute;left:50%;top:50%;width:100%;transform:translate(-50%,-50%)}
.videolist .content_list .item .mask{position:absolute;left:0;top:0;width:100%;height:100%;z-index:2;background:rgba(0,0,0,.3);transition:background .2s linear}
.videolist .content_list .item:hover .mask{background:rgba(0,0,0,0)}
.videolist .content_list .item .play{position:absolute;left:50%;top:50%;width:46px;transform:translate(-50%,-50%);z-index:3}
.videolist .content_list .item p{margin-top:20px;text-align:center;font-size:16px;line-height:24px}
.videolist .content_list .ab_more{display:inline-block;margin-top:5%;padding:1.5% 5%;border-radius:30px;background:#123d96;color:#fff;font-size:14px;font-weight:700}
.videolist .content_list .item:hover{transform:translateY(-5px)}
.videolist .content_list .ab_more:hover{background:#eceef0;color:#000}
@media only screen and (max-width:1280px){
.videolist .content_list .item .play{width:60px}
}
 
@media only screen and (max-width:850px){
.videolist{padding:50px 0}
}
@media only screen and (max-width:750px){
.videolist .content_list .layout:after{content:"";width:49%}
.videolist .content_list .item{margin-bottom:4%;width:48%;margin-right: 4%;}
.videolist .content_list .item:nth-child(even){margin-right: 0;}
}
@media only screen and (max-width:520px){
.videolist{padding:30px 0}
.videolist .content_list .item p{font-size:14px;margin-top: 10px;line-height: normal;}
.videolist .content_list .item .play img{width: 30px;}
}

/* picturelist */
.picturelist{padding: 80px 0;}
.picturelist li{width:23.5%;position: relative;margin-right: 2%;}
.picturelist li:nth-child(4n+4){margin-right: 0;}
.picturelist li .pic{position: relative;padding-bottom: 75%;width: 100%;height: 0;overflow: hidden;background:#f5f5f5;}
.picturelist li .pic::after{width:0;height:2px;content:"";background:#000;transition:all .5s ease;position:absolute;bottom:0;left:50%}
.picturelist li:hover .pic::after{width:100%;transition:all .5s ease;margin-left:-50%}
.picturelist li .pic img{height: 100%;object-fit: cover;width: 100%;position: absolute;transition: all 1s;}
.picturelist li:hover img{transition:all .5s ease;transform:scale(1.04);}
.picturelist li .text{height:60px;line-height: 60px;}
.picturelist li p{padding:0 20px;text-align:center;font-size:16px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden;}
.picturelist li:hover p {color: #000;}
@media screen and (max-width:1080px){
.picturelist{padding: 50px 0;}
}
@media screen and (max-width:768px){
.picturelist{padding: 30px 0;}
.picturelist li{width: 48%;}
.picturelist li:nth-child(odd){margin-right: 4%;}
.picturelist li:nth-child(even){margin-right: 0;}
.picturelist li .pic a{width: auto;height: 140px;padding: 10px;}
.picturelist li .text{height:40px;line-height: 40px;}
.picturelist li p{font-size: 14px;height: 40px;}
}


/* contact */
.contact{width:100%;background-color:#fffeff;border-bottom:1px solid #f5f5f5;padding: 80px 0;}
.contact .container-title{width:100%;font-weight:700;color:#333;margin-bottom:10px;font-size:35px}
.contact .container-text{width:100%;color:#888;margin-bottom:60px;font-size:18px}
.contact #map{width:100%;height:528px}
.contact .map{width:100%;position:relative}
.contact .map img{width:100%}
.contact .map-content{width: 460px;background-color:#fff;position:absolute;top:50%;right:30px;-webkit-transform:translate(0,-50%);transform:translate(0,-50%);padding:50px 30px;-webkit-box-shadow:0 0 30px 0 rgba(0,0,0,.09);box-shadow:0 0 30px 0 rgba(0,0,0,.09);}
.contact .content-title{width:100%;color:#000;margin-bottom: 50px;font-size:24px;}
.contact .content-item{width:100%;display:flex;-webkit-box-align:center;align-items:center;margin-bottom:15px}
.contact .item-text{color:#666;line-height:30px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:16px}
.contact .c_img{position: absolute;top: 32%;right: 18%;text-align: center;}
.contact .c_img img{width: 120px;}
.contact .c_img p{font-size: 16px;margin-top: 6px;color:#666;}
@media(max-width:1080px){
.contact{padding: 50px 0;}
.contact .map-content{width:100%;position:static;-webkit-transform:translate(0);transform:translate(0)}
}
@media(max-width:768px){
.contact .container-title{font-size:24px;margin-bottom: 30px;}
.contact .container-text{font-size:16px;margin-bottom: 30px;}
.contact #map{width:100%;height:400px}
}
@media(max-width:520px){
.contact{padding: 30px 0;}
.contact .container-title{font-size:20px}
.contact .container-text{font-size:14px;margin-bottom: 20px;}
.contact .map-content{padding: 20px 10px;}
.contact #map{height:350px}
.contact .content-title{font-size:20px;margin-bottom: 15px;}
.contact .content-item{margin-bottom: 5px;}
.contact .item-text{font-size:14px;ine-height: 28px;}
.contact .c_img{position: initial;text-align: initial;}
.contact .c_img img{width: 80px;}
}

/* message */
.message{width:100%;padding: 80px 0;}
.message .container1{width:100%;display:flex;justify-content:space-between;margin-bottom:60px;}
.message .title-box{width:60%}
.message .title{width:100%;font-weight:700;color:#333;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;margin-bottom:10px;font-size:35px}
.message .title-text{width:auto;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:#888;font-size:18px}
.message .submit{width: 120px;line-height: 35px;height: 35px;text-align: center;border-radius: 20px;border: 1px solid #000000;overflow: hidden;margin: 0 auto;margin-right: 0;}
.message .submit input{background: none;color: #000;border: none;}
.message .submit:hover{background: #000;}
.message .submit:hover input{color: #fff;}
.message .container2{width:100%;display:flex;flex-wrap:wrap;}
.message .text{width:33.333%;display:flex;align-items:center;margin-bottom:50px;}
.message .text span{color:#555;padding-left:30px;margin-right:20px;font-size:16px}
.message .text em{color:red}
.message .text input{width:auto;height: 30px;border:0;outline:0;flex:1;padding:10px;font-size: 14px;border-bottom: 1px solid #666;}
@media(min-width:900px){
.message .text:nth-child(3n+1) span{padding-left:0}
}
.message .text2{width:100%;display:flex;}
.message .text2 span{color:#555;font-size:16px}
.message .text2 em{color:red}
.message .text2 textarea{flex:1;width:auto;height: 20px;border:0;outline:0;margin-left: 5px;padding:10px;font-size: 14px;border-bottom: 1px solid #666;font-family: math;}
@media(max-width:900px){
.message{padding: 50px 0;}
.message .container1{}
.message .title-box{margin-bottom:25px;}
.message .text{width:50%}
.message .text:nth-child(2n+1) span{padding-left:0}
}
@media(max-width:768px){
.message .container1{margin-bottom:30px;align-items: baseline;}
.message .title{font-size:24px}
.message .title-text{font-size:16px}
}
@media(max-width:600px){
.message .text{width:100%}
.message .text span{padding-left:0}
.message .submit{width: 100px;line-height: 30px;height: 30px;margin-top: 10px;}
}
@media(max-width:480px){
.message{padding: 30px 0;}
.message .title{font-size:20px}
.message .title-text{font-size:14px}
.message .title-box{margin-bottom:18px}
.message .text{margin-bottom: 15px;}
.message .text span{font-size:14px}
.message .text2 span{font-size:14px}
.message .text input{height: 25px;padding-left:15px;font-size:14px;}
.message .text2 textarea{margin-left: 8px;padding-left:15px;padding-top: 10px;font-size:14px;height: 20px;}
}

/* about01 */
.about01{padding: 80px 0;background: #F3F9FD;}
.about01 .left{width: 65%;margin-right: 5%;}
.about01 .left p{font-size: 16px;color: #333;line-height: 30px;margin-bottom: 15px;}
.about01 .right{width: 30%;}
.about01 .right li{border-bottom: 1px solid #e5e5e5;padding-bottom: 25px;margin-bottom: 25px;}
.about01 .right .text_wrap{display: flex;flex-wrap: wrap;justify-content: space-between;align-items: center;}
.about01 .right .text_wrap .text{text-align: left;}
.about01 .right .text_wrap span{display:inline-block;font-size:20px;color:#333;font-weight: bold;}
.about01 .right .text_wrap span.num{font-size: 50px;margin-right: 2px;}
.about01 .right .text_wrap p{margin-top:4px;font-size:16px}
.about01 .right .text_wrap .img img{width: 55px;opacity: 0.8;}
@media(max-width:1080px){
.about01{padding:50px 0;}
.about01 .right .text_wrap span.num{font-size: 40px;}
.about01 .right .text_wrap .img img{width: 45px;}
}
@media(max-width:768px){
.about01 .left{width: 100%;margin-right: 0;}
.about01 .right{width: 100%;margin-top: 15px;}
}
@media(max-width:520px){
.about01{padding:30px 0;}
.about01 .left p{font-size: 14px;line-height: 26px;margin-bottom: 10px;}
.about01 .right li{padding-bottom: 15px;margin-bottom: 15px;}
.about01 .right li:nth-last-child(1){margin-bottom: 0;}
.about01 .right .text_wrap span.num{font-size: 30px;}
.about01 .right .text_wrap p{font-size: 14px;}
.about01 .right .text_wrap .img img{width: 30px;}
}


/* about02 */
.about02{padding: 80px 0;}
.about02 .swiper-slide .thum{border-radius:5px;overflow:hidden}
.about02 .swiper-slide .thum::after{width:100%;height:70%;position:absolute;left:0;bottom:0;background:linear-gradient(-180deg,rgba(0,0,0,0),rgba(0,0,0,.5));content:'';top:auto}
.about02 .swiper-slide .thum .pic img{width: 100%;}
.about02 .swiper-slide .info{width:100%;height:100%;position:absolute;left:0;top:0;-webkit-transition:all .5s;opacity:0;visibility:hidden}
.about02 .swiper-slide:hover .info{opacity:1;visibility:visible}
.about02 .swiper-slide .info::before{width:100%;height:100%;position:absolute;left:0;top:0;background-image: -webkit-linear-gradient(0deg,#97A9BF,#153e67);border-radius:5px;opacity:.9;content:'';}
.about02 .swiper-slide .info .des{width:auto;height:auto;position:absolute;top:50%;left:0;-webkit-transform:translateY(-40%);padding:20px;color:#fff;-webkit-transition:all .5s}
.about02 .swiper-slide:hover .info .des{-webkit-transform:translateY(-50%)}
.about02 .swiper-slide .summay{width:100%;height:auto;position:relative;margin-bottom:10px}
.about02 .swiper-slide .summay p{position:relative;line-height:24px;padding:5px 0 5px 10px;font-size:16px}
.about02 .swiper-slide .summay p::after{width:5px;height:5px;position:absolute;border-radius:50%;background:#fff;content:'';left:0;top:14px}
.about02 .swiper-slide .name{width:100%;display:flex;align-items:center;position:absolute;padding:40px 30px;left:0;bottom:0;color:#fff;z-index:2;-webkit-transition:all .5s}
.about02 .swiper-slide:hover .thum .name{-webkit-transform:translateY(100%)}
.about02 .swiper-slide .name .icon{width:50px;height:auto}
.about02 .swiper-slide .name .txt{width:calc(100% - 60px);margin-left:10px;font-size:24px;font-weight:700}
.about02 .swiper-slide .info .name{position:relative;padding:10px 0 10px;border-bottom:1px solid #fff;margin-bottom:20px}
.about02 .swiper-pagination-bullet{margin: 0 6px !important;border-radius: 2px;}
.about02 .swiper-pagination-bullet-active{background: #333;border-radius: 2px;}
@media(max-width:1080px){
.about02{padding:50px 0;}
.about02 .wh{padding-bottom: 50px;}
}
@media(max-width:768px){
.about02{padding:30px 0;}
.about02 .swiper-slide .info{opacity: 1;visibility: visible;}
.about02 .swiper-slide .thum .name{display: none;}
.about02 .swiper-slide .name .icon{width: 38px;}
.about02 .swiper-slide .name .txt{font-size: 20px;}
}
@media(max-width:520px){
.about02 .wh{padding-bottom: 40px;}
.about02 .swiper-slide .info .des{top: 45%;}
.about02 .swiper-slide .name .icon{width: 34px;}
.about02 .swiper-slide .name .txt{font-size: 16px;}
.about02 .swiper-slide .summay p{font-size: 14px;line-height: 22px;}
}

/* about03 */
.about03{padding:90px 0;background: url(../images/lc_bg.jpg) center center no-repeat;background-size: cover;position: relative;}
.about03 .lc{position: absolute;background: url(../images/k_history.png) 50% 0 no-repeat;text-align: center;width: 100%;height: 134px;bottom: 4%;background-size: cover;}
.about03 .nei_tit h2{color: #fff;}
.about03 .img{width: 45%;margin-right: 10%;}
.about03 .img img{width: 100%;}
.about03 .info{width: 45%;padding-top:80px;}
.about03 .info h3{font-size: 40px;font-weight:bold;color: #fff;}
.about03 .info p{font-size: 16px;line-height: 30px;margin-top: 20px;color: #fff;}
.about03 .hisDots{position:relative;background:url(../images/k_history.png) 50% 0 no-repeat;text-align:center;width:100%;height:134px;}
.about03 .lc1{max-width: 1175px; margin:0 auto;height: -webkit-fill-available;margin-top: -20px;top: -10px;}
.about03 .lc1::after{border: 1px dashed #DC6D70;/* content: ""; */position: absolute;left: 0;top: 14px;width: 100%;}
.about03 .lc1 a{text-align: center;font-size: 22px;color: #fff;position: relative;}
.about03 .lc1 a::before{border: 2px solid #95A7BD;content: "";position: absolute;left: 50%;top: -30px;height: 6px;width: 6px;border-radius: 50%;background: #fff;}
.about03 .lc1 .swiper-slide{position:relative;font-size:20px;font-family:Geometr;top:10px;padding-top: 25px;-webkit-transition:all .5s;cursor:pointer;}
.about03 .lc1 .swiper-slide:nth-child(even){top:50px}
.about03 .lc1.even .swiper-slide{top:50px}
.about03 .lc1.even .swiper-slide:nth-child(even){top:10px}
.about03 .lc1 .swiper-slide-thumb-active a{color: #ffffff;}
.about03 .lc1 .swiper-slide-thumb-active a::before{border: 4px solid #95A7BD;top: -33px;}
.about03 .hisDots .swiper-button-prev{background-size: 14px;top: 30%;left:10%;width: 45px;height: 45px;border-radius: 50%;background: -webkit-linear-gradient(45deg, #97A9BF, #153e67);opacity: 1;}
.about03 .hisDots .swiper-button-next{background-size: 14px;right: 10%;top: 30%;width: 45px;height: 45px;border-radius: 50%;background: -webkit-linear-gradient(45deg, #97A9BF, #153e67);opacity: 1;}
.about03 .hisDots .swiper-button-prev:after, .about03 .hisDots .swiper-button-next:after{font-size: 12px;color: #fff;}
.about03 .hisDots .swiper-button-next:hover,.about03 .hisDots .swiper-button-prev:hover{background:-webkit-linear-gradient(90deg,#153e67,#97A9BF)}

.about03 .lc2{height: 450px;}
@media (max-width:1660px){
.about03 .hisDots .swiper-button-next{top: 20%;}
.about03 .hisDots .swiper-button-prev{top: 20%;}
}
@media (max-width:1440px){
.about03 .hisDots .swiper-button-next{top: 15%;right: 5%;}
.about03 .hisDots .swiper-button-prev{top: 15%;left: 5%;}
}

@media (max-width:1080px){
.about03{padding:50px 0;}
.about03 .swiper-button-next{top: 85%;}
.about03 .swiper-button-prev{top: 85%;}
}
@media (max-width:768px){
.about03 .hisDots{height: auto;background: none;}
.about03 .swiper-button-next{display: none;}
.about03 .swiper-button-prev{display: none;}
.about03 .lc1{margin-top: auto;}
.about03 .lc1 .swiper-slide{padding-top: 0;top: auto;}
.about03 .lc1 .swiper-slide:nth-child(even){top: auto;}
.about03 .lc1.even .swiper-slide{top: auto;}
.about03 .lc1.even .swiper-slide:nth-child(even){top: auto;}
.about03 .img{width:100%;margin-right: 0;margin-bottom: 20px;}
.about03 .info{width:100%;padding-top: 0;}
.about03 .info h3{font-size: 20px;}
.about03 .info p{margin-top: 10px;font-size: 15px;line-height: 28px;}
.about03 .lc1{width: 90%;padding-top: 50px;}
.about03 .lc1::after{top: 24px;}
.about03 .lc1 a{font-size: 22px;}
.about03 .lc2{height: fit-content;}
}
@media (max-width:520px){
.about03{padding:30px 0;background-size: auto;}
.about03 .nei_tit{margin-bottom: 35px;}
.about03 .lc1 a{font-size: 18px;}
}


/* about_honour */
.about_honour{padding: 80px 0;background-image: url(../img/img6.jpg);position: relative;}
.about_honour .hon{padding-bottom: 50px;}
.about_honour .nei_tit{margin-bottom: 60px;}
.about_honour .nei_tit h2{font-size: 36px;font-weight: bold;color: #333333;text-align: center;}
.about_honour .nei_tit h3{font-size: 16px;color: #262626;text-align: center;}
.about_honour .item{border-bottom: 1px #dcdcdc solid;padding-bottom: 10px;position: relative;}
.about_honour .info{display: flex;flex-wrap: wrap;justify-content: space-between;padding: 20px 0;align-items: center;}
.about_honour .info p{font-size: 16px;color: #262626;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden;width: 80%;}
.about_honour .item:after{transition: all .5s cubic-bezier(.77,0,.175,1) 0s;content:''; position:absolute; left:0; bottom:-1px; height:1px; width:100%;background: -webkit-linear-gradient(45deg, #97A9BF, #153e67);width:0;}
.about_honour .item:hover:after{width:100%;}
.about_honour .swiper-button-next{left: 52%;top: 90%;background: -webkit-linear-gradient(45deg, #97A9BF, #153e67);border-radius: 50%;width: 36px;height: 36px;}
.about_honour .swiper-button-prev{left: 48%;top: 90%;background: -webkit-linear-gradient(45deg, #97A9BF, #153e67);border-radius: 50%;width: 36px;height: 36px;}
.about_honour .swiper-button-next:hover,.about_honour .swiper-button-prev:hover{background:-webkit-linear-gradient(90deg,#153e67,#97A9BF)}
.about_honour .swiper-button-next:after{font-size: 15px;color: #fff;}
.about_honour .swiper-button-prev:after{font-size: 15px;color: #fff;}
@media(max-width:1080px){
.about_honour{padding: 50px 0;}
.about_honour .nei_tit{margin-bottom: 40px;}
.about_honour .nei_tit h2{font-size: 26px;}
}
@media(max-width:768px){
.about_honour .nei_tit{margin-bottom: 30px;}
.about_honour .nei_tit h2{font-size: 20px;}
.about_honour .nei_tit h3{font-size: 14px;}
.about_honour .swiper-button-next{width: 30px;height: 30px;left: 55%;top: 92%;}
.about_honour .swiper-button-prev{width: 30px;height: 30px;left: 45%;top: 92%;}
}
@media(max-width:520px){
.about_honour{padding: 30px 0;}
.about_honour .item{padding-bottom: 0;}
.about_honour .info{padding: 10px 0;}
.about_honour .info p{font-size: 14px;}
.about_honour .info img{width: 16px;}
.about_honour .swiper-button-next{width: 30px;height: 30px;left: 55%;top: 92%;}
.about_honour .swiper-button-prev{width: 30px;height: 30px;left: 38%;top: 92%;}
}


/* service */
.service .img{overflow: hidden;}
.service .img img{transition: all 1s;}
.service .img:hover img{transform: scale(1.1);}
.service .part1{padding: 80px 0;}
.service .part1 .nei_tit .title{text-align: left;}
.service .part1 .nei_tit p{color: #8f9ba5;font-size: 16px;line-height: 30px;margin-top: 20px;text-align: left;}
.service .part1 .se1{align-items: center;}
.service .part1 .se1 .left{width: 45%;margin-right: 5%;}
.service .part1 .se1 .right{width: 50%;}
.service .part1 .se1 .right li{text-align:center;margin-right:40px}
.service .part1 .se1 .right li:hover img{animation: shake 0.4s ease;}
.service .part1 .se1 .right li p{margin-top:15px;color:#8f9ba5;font-size:16px}
.service .part1 .se2{align-items: center;margin: 80px 0;}
.service .part1 .se2 .right{width: 50%;margin-left: 5%;}
.service .part1 .se2 .left{width: 45%;}
.service .part1 .se3 .left{width: 45%;margin-right: 5%;}
.service .part1 .se3 .right{width: 50%;}
.service .part2{padding: 80px 0;background: #F3F9FD;}
.service .part2 .nei_tit p{color: #8f9ba5;font-size: 16px;line-height: 30px;text-align: center;width:60%;margin: 0 auto;margin-top: 20px;}
.service .part2 .se01{width: 85%;margin: 0 auto;padding-bottom: 60px;}
.service .part2 .se01 .swiper-pagination{bottom:0px;}
.service .part2 .se01 .swiper-pagination-bullet{background: #CCCCCC;opacity: 1;width: 8px;height: 8px;border-radius: 4px;}
.service .part2 .se01 .swiper-pagination-bullet-active{background: #374957;}
.service .part2 .se01 .swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,.service .part2 .se01  .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{margin: 0 8px;}
.service .part2 .se01 .swiper-slide{text-align: center;}
.service .part2 .se01 .swiper-slide-active::after{content: "";position: absolute;height: 1.5px;width: 70%;background: #A4AEB6;left: 69%;top: 13%;}
.service .part2 .se01 .swiper-slide-active::before{content: "";position: absolute;height: 1.5px;width: 70%;background: #A4AEB6;top: 13%;right: -145%;}
.service .part2 .se01 img{position: relative;width: 70px;}
.service .part2 .se01 h3{font-size: 20px;color: #97A9BF;margin: 30px 0 15px;}
.service .part2 .se01 p{line-height: 24px;padding: 0 15px;}
@keyframes shake{0%,100%{-webkit-transform:scale(1,1);transform:scale(1,1)}
25%{-webkit-transform:scale(.9,1.1);transform:scale(.9,1.1)}
50%{-webkit-transform:scale(1.1,.9);transform:scale(1.1,.9)}
75%{-webkit-transform:scale(.95,1.05);transform:scale(.95,1.05)}
0%,100%{-webkit-transform:scale(1,1);transform:scale(1,1)}
25%{-webkit-transform:scale(.9,1.1);transform:scale(.9,1.1)}
50%{-webkit-transform:scale(1.1,.9);transform:scale(1.1,.9)}
75%{-webkit-transform:scale(.95,1.05);transform:scale(.95,1.05)}
}
.service .part3{background: url(../images/bg5.png);padding: 80px 0;}
.service .part3 .nei_tit p{color: #333;font-size: 16px;line-height: 30px;text-align: center;width: 60%;margin: 0 auto;margin-top: 20px;}
@media(max-width: 1280px){
.service .part1 .nei_tit{margin-bottom: 40px;}
.service .part1 .nei_tit .title{font-size: 30px;}
.service .part1 .nei_tit p{font-size: 15px;}
.service .part1 .se1 .right li img{width: 60px;}
.service .part2 .nei_tit p{width: 90%;}
.service .part2 .se01{width: 95%;}
}
@media(max-width:1080px){
.service .part1{padding: 50px 0;}
.service .part1 .se1 .left{width: 100%;margin-right: 0;margin-bottom: 20px;}
.service .part1 .se1 .right{width: 100%;}
.service .part1 .se2{margin: 50px 0;}
.service .part1 .se2 .left{width: 100%;}
.service .part1 .se2 .right{width: 100%;margin-left: 0%;}
.service .part1 .se3 .left{width: 100%;margin-right: 0;margin-bottom: 20px;}
.service .part1 .se3 .right{width: 100%;}
.service .part2{padding: 50px 0;}
.service .part2 .se01 .swiper-slide-active::before{display: none;}
.service .part3{padding: 50px 0;}
.service .part3 .nei_tit p{width: 90%;}

}
@media(max-width:768px){
.service .part1 .nei_tit .title{font-size: 24px;}
.service .part1 .nei_tit p{font-size: 15px;}
.service .part2 .se01 img{width: 60px;}
.service .part2 .se01 .swiper-slide-active::after{top: 10%;}

}
@media(max-width:520px){	
.service .part1{padding: 30px 0 10px;}
.service .part1 .nei_tit{margin-bottom: 20px;}
.service .part1 .nei_tit .title{font-size: 20px;}
.service .part1 .nei_tit p{font-size: 14px;margin-top: 5px;line-height: 26px;}
.service .part1 .se1 .left{margin-bottom: 15px;}
.service .part1 .se1 .right li{margin-right: 0;width: 25%;}
.service .part1 .se1 .right li img{width: 45px;}
.service .part1 .se1 .right li p{font-size: 12px;margin-top: 8px;}
.service .part1 .se2{margin: 30px 0;}
.service .part2{padding: 30px 0;}
.service .part2 .se01 .swiper-slide-active::after{display: none;}
.service .part2 .se01 .swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet, .service .part2 .se01 .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{margin: 0 6px;}
.service .part2 .nei_tit p{width: 100%;font-size: 14px;line-height: 26px;}
.service .part2 .se01{width:100%;padding-bottom:30px}
.service .part2 .se01 img{width:45px}
.service .part2 .se01 h3{margin:15px 0;font-size:17px}
.service .part2 .se01 p{font-size:14px;padding:0}
.service .part3{padding: 30px 0;}
.service .part3 .nei_tit p{width: 100%;font-size: 14px;line-height: 26px;}
}

