@charset "UTF-8";
html{
font-size: 6.25vw;
}
@media screen and (min-width:1600px){ /*主体宽度*/
html{
font-size: 100px;
}
}
@media screen and (max-width:300px){
html{
font-size:100px;
}
}
body{overflow: hidden;}
body::-webkit-scrollbar{ width: 5px;}
body::-webkit-scrollbar-track{ background-color: #F1F1F1;}
body::-webkit-scrollbar-thumb{ width: 5px; background-color: #1266ff;}
.max-1920{max-width:1920px; margin-right: auto; margin-left: auto;}
.max-width{max-width:1600px; margin-right: auto; margin-left: auto;}
.ctext{padding-left:0.8rem;padding-right:0.8rem;}
@media screen and (max-width: 1024px){
.ctext{padding-left:15px;padding-right:15px;}
}
/*PC head*/
.t_navs{ position:fixed; background: #fff; left:0; top:0; z-index: 20; width:100%; padding:0 0.5rem;}
.t_navs .top{ width: 100%; flex-wrap:wrap; display: flex; justify-content: space-between; align-items: center; height:1rem;}
.t_navs .top .logo{ line-height: 0; float: left;}
.t_navs .top .logo a{ float: left;}
.t_navs .top .logo img{ width: auto; height:0.7rem;}
.t_navs .right{ display: flex; align-items: center;}
.t_navs .lang{ text-transform: uppercase; position:relative; z-index:20; display: flex; align-items:center; color: #545454; position: relative;line-height:1rem; font-size:calc(14px + 0.04rem); padding:0 0.26rem 0 0.23rem;}
.t_navs .lang::after{ display: block; content:''; position: absolute; left:0; top:50%; margin-top:-6px; width:4px; height:12px; background: #b2b2b2;}
.t_navs .lang .tit{ cursor: pointer; display: flex; padding:0 30px; position: relative;}
.t_navs .lang .tit::after{ display: block; content:''; position: absolute; left:0; width:20px; height:100%; background:url(img/ino1.png) left center no-repeat; background-size:100% auto;}
.t_navs .lang .tit::before{ display: block; content:''; position: absolute; right:0; top:50%; margin-top: -2px; border:8px solid transparent; border-top-color:#b2b2b2}
.t_navs .lang .down{ display:none; float:left; width:100%; position: absolute; left:0; top:100%;background:rgba(255,255,255,0.8);box-shadow:0 0 20px rgba(0,0,0,0.1);}
.t_navs .lang .down .a{ display: block; width:100%; text-align: center; color: #545454; line-height:calc(24px + 0.04rem); font-size:calc(14px + 0.04rem); padding:12px 10px;}
.t_navs .lang .down .a:hover{color: #fff;background:#1266ff; }
.t_navs .lang:hover{color: #1266ff;}
.t_navs .lang:hover .down{ display:block;}
.t_navs .menu{float: left; position: relative; z-index:20; margin-right:6px;}
.t_navs .menu ul{float: left;}
.t_navs .menu .nli{ float: left; position: relative; margin:0 0.2rem;}
.t_navs .menu .nli span a{ display: block;color: #555; position: relative;line-height:1rem; font-size:calc(14px + 0.04rem); padding:0 0.1rem;}
.t_navs .menu .nli.on span a,
.t_navs .menu .nli:hover span a{ color: #1266ff;}
.t_navs .menu .sub{ display: none; position: absolute; top:100%; left:50%;transform:translate(-50%,0); background:rgba(255,255,255,0.8);box-shadow:0 0 20px rgba(0,0,0,0.1);min-width:150px;}
.t_navs .menu .sub .ul{ display:flex; flex-direction: column;width:100%;}
.t_navs .menu .sub .li{ display: flex;width:100%;}
.t_navs .menu .sub .li a{white-space: nowrap; color: #555; line-height:calc(24px + 0.04rem); font-size:calc(14px + 0.04rem); padding:12px 20px;text-align:center;display:block;width:100%;}
.t_navs .menu .sub .li a:hover{ color: #fff;background:#1266ff; }
.t_navs.act{ background:#fff; box-shadow:0 0 0.21rem rgba(0,0,0,0.24);}
.t_navs .menu .nli:hover .sub{display:block;}
@media screen and (max-width:1600px) {
.t_navs .lang{ text-transform: uppercase; position:relative; display: flex; align-items:center; color: #545454; position: relative;line-height:1rem; font-size:calc(14px + 0.04rem); padding:0 0 0 0.23rem;}
}
@media screen and (max-width:1440px) {
.t_navs .menu .nli{ margin:0 0.18rem;}
}
@media screen and (max-width:1200px) {
.t_navs .menu .nli{ margin:0 0.1rem;}
}
@media screen and (max-width:1024px) {
.t_navs .top{ height:50px;}
.t_navs .lang{ line-height:50px; margin:0 14px 0 0;}
.t_navs .lang .tit{ padding:0 18px 0 22px;}
.t_navs .lang .tit::after{ width:16px;}
.t_navs .lang .tit::before{ margin-top: -2px; border:6px solid transparent; border-top-color:#b2b2b2;display: none;}
.t_navs .lang::after{ display:none;}
.t_navs .lang .down{ top:48px; background: #fff; padding:0 0 10px 0;}
.t_navs .lang .down .a{ padding:4px 0 4px 4px;}
.t_navs .menu{ display: none;}
.t_navs .top .logo img{ height:34px;}
.bct .meun-bg{ display:none;}
.t_navs .right:hover .meun-bg{ display:none;}
.t_navs .right:hover .menu .sub{ display:none;}
.t_navs .right:hover .lang .down{ display:none;}
}
.menuph{ display:none; float: right; width:26px; height: 20px; cursor: pointer; text-align: center;}
.menuph .point { float:left; width: 100%; height: 20px; position: relative;}
.menuph .point:hover .navbtn,
.menuph .point:hover .navbtn::after,
.menuph .point:hover .navbtn::before { width: 100%;}
.menuph .navbtn { position: absolute; top:9px; right: 0; display: inline-block; width:100%; height: 2px; background: #000;
-webkit-transition: all .3s ease-out 0s;
-moz-transition: all .3s ease-out 0s;
-ms-transition: all .3s ease-out 0s;
-o-transition: all .3s ease-out 0s;
transition: all .3s ease-out 0s;}
.menuph .navbtn::after,
.menuph .navbtn::before { position: absolute; right: 0; display: inline-block; width: 100%; height: 2px; content: ''; background: #000;
-webkit-transition: all .3s ease-out 0s;
-moz-transition: all .3s ease-out 0s;
-ms-transition: all .3s ease-out 0s;
-o-transition: all .3s ease-out 0s;
transition: all .3s ease-out 0s;}
.menuph .navbtn::after { top: -9px;}
.menuph .navbtn::before { top: 9px;}
.menuph.active .point .navbtn{ background: transparent !important;}
.menuph.active .point .navbtn::after{ -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); top: 0px;}
.menuph.active .point .navbtn::before { -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); top: 0px;}
@media screen and (max-width:1024px){
.menuph{ display:block;}
}
.xialaph{ position: fixed; left: 0; float: left; width: 100%; top:50px; height:calc(100vh - 50px); overflow: scroll; padding:5px 15px 50px 15px; display: none; z-index:15; background:#fff; }
.xialaph::-webkit-scrollbar{ display: none;}
.xialaph .ul2,
.xialaph .ul3{ display: none;}
.xialaph h4 a{ float: left; width:100%; color: #555; font-size:16px; line-height:30px; padding:10px 0;}
.xialaph h4{ float: left; width: 100%; position: relative; margin-top:-1px;}
.xialaph h4 i,
.xialaph h4 i,
.xialaph h5 i{width: 50px;height: 50px;display: flex;justify-content: center;align-items: center;position:absolute;right: 0;top: 50%;transform: translate(0,-50%);}
.xialaph h4 i::after,
.xialaph h5 i::after{content: "";display: block;width:12px; height:12px;border-top:1px solid #555; border-right:1px solid #555; transform: rotate(45deg); -ms-transform:rotate(45deg);}
.xialaph h4.active i::after,
.xialaph h5.active i::after{transform: rotate(135deg); -ms-transform: rotate(135deg); border-top:1px solid #1266ff; border-right:1px solid #1266ff; opacity:1;margin-top: -6px;}
.xialaph li:last-child h4::before{ content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 1px; background-color: #e5e5e5;}
.xialaph li:first-child h4::after{ display:none;}
.xialaph li:last-child h4::before{ display:none;}
.xialaph h4.active a{ color: #1266ff;}
.xialaph h5:hover a{ color: #1266ff;}
.xialaph h4::after{ content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 1px; background-color: #e5e5e5;}
.xialaph h5 a{ float: left; width:100%; color: #555; font-size:16px; line-height:30px;}
.xialaph h5{ float: left; width: 100%; position: relative;}
.xialaph h5::after{ display:none; content: ''; position: absolute; bottom: 0; left: 0; right: 0; height: 1px; background-color: #e5e5e5;}
.xialaph li:last-child h5::after{ display:none;}
.xialaph .ul1{ float: left; width: 100%; border-bottom:1px solid #e5e5e5;}
.xialaph .ul2{ float: left; width: 100%; padding:0 10px 20px 10px;}
.index-banner{ display:flex; width: 100%; overflow: hidden; z-index:5; position: relative; background: #b6fe23;}
.index-banner .swiper-wrapper{position: relative; z-index: 1; display: flex; transition-property: transform; box-sizing: content-box;}
.index-banner .swiper-slide {flex-shrink: 0; position: relative; transition-property: transform; width:100%; line-height: 0;}
.index-banner .swiper-slide .pc_show{width: 100%;}
.index-banner .swiper-slide .ph_show{width: 100%;}
.index-banner .swiper-prev,
.index-banner .swiper-next{ display:flex; position: absolute; z-index:10; bottom:0.8rem; width:0.5rem; height:0.5rem; background: url(img/ico18.png) center no-repeat; background-size:100% 100% !important; cursor: pointer; left:50%;}
.index-banner .swiper-prev:hover,
.index-banner .swiper-next:hover{ opacity:0.6;}
.index-banner .swiper-prev{ margin-left:-800px; transform: rotateY(180deg); -ms-transform: rotateY(180deg);}
.index-banner .swiper-next{ margin-left:calc(-800px + 0.6rem);}
.index-banner .box{ display: block; width:100%; z-index: 6; position: absolute; left:0; top:50%; transform: translateY(-50%); -ms-transform: translateY(-50%); }
.index-banner .box .tit{ display:block; width:55%; font-weight:bold; color: #1059da; font-size:0.6rem; line-height:0.8rem;}
.index-banner .box .p{ display:block; width:55%; color: #555; font-size:calc(14px + 0.04rem); line-height:calc(22px + 0.06rem); margin-top:0.15rem;}
.index-banner .box .btn{ display:block; width:55%; margin-top:0.54rem;}
.index-banner .box .btn a{ display: flex; align-items: center; justify-content: center; border-radius:8px; color: #fff; font-size:calc(14px + 0.06rem); line-height:1; padding-bottom: 2px; height:0.8rem; width:2.22rem; background: #1266ff;}
.index-banner .box .btn a:hover{ background: #fff; color: #1266ff;}
@media screen and (max-width:1760px) {
.index-banner .swiper-prev,
.index-banner .swiper-next{ left:0.8rem;}
.index-banner .swiper-prev{ margin-left:0; }
.index-banner .swiper-next{ margin-left:0.6rem;}
}
@media screen and (max-width:1440px) {
.index-banner .swiper-prev,
.index-banner .swiper-next{ bottom:0.6rem;}
.index-banner .box .tit{ font-size:0.54rem; line-height:0.7rem;}
.index-banner .box .p{ font-size:calc(14px + 0.02rem); line-height:calc(22px + 0.04rem); margin-top:0.1rem;}
.index-banner .box .btn{ margin-top:0.44rem;}
.index-banner .box .btn a{ height:0.7rem; width:2.22rem;}
}
@media screen and (max-width:1024px) {
.index-banner .swiper-prev,
.index-banner .swiper-next{ bottom:16px; width:28px; height:28px;}
.index-banner .swiper-prev,
.index-banner .swiper-next{ left:15px;}
.index-banner .swiper-prev{ margin-left:0; }
.index-banner .swiper-next{ margin-left:36px;}
.index-banner .box .tit{ font-size:20px; line-height:30px;}
.index-banner .box .p{ font-size:14px; line-height:22px; margin-top:6px;}
.index-banner .box .btn{ margin-top:20px;}
.index-banner .box .btn a{ height:36px; width:120px; font-size:14px;}
}
@media screen and (max-width:767px) {
.index-banner .swiper-prev{ margin-left:0; }
.index-banner .swiper-next{ left:auto; right:15px; margin-left:0;}
.index-banner .box{ top:38px; transform: translateY(0); -ms-transform: translateY(0); padding:0 30px; }
.index-banner .box .tit{ width:100%; text-align: center;}
.index-banner .box .p{ width:100%; text-align: center;}
.index-banner .box .btn{ display: flex; flex-wrap: wrap; justify-content: center; width:100%;}
}
.pf-right{ display:none; z-index:10; position:fixed; right:0.18rem; bottom:12vh; width:0.5rem;}
.pf-right .li{ position: relative; display: block; width:100%; margin-top:10px;}
.pf-right .li .a{ border-radius:50%; border:0.05rem solid #fff; display:flex; align-items: center; justify-content:center; line-height: 0; width:0.5rem; height:0.5rem;}
.pf-right .li .a img{ width:0.28rem; height:0.28rem;}
.pf-right .li:hover .a{ box-shadow:0 0 6px rgba(0,0,0,0.2);}
.pf-right .tel{ display:none; position: absolute; right:100%; top:0; background: #fff; border-radius:10px; color: #000; font-size:16px; line-height:24px; min-height:0.5rem; padding:12px 0.4rem; white-space: nowrap; align-items: center; box-shadow:0 0 10px rgba(0,0,0,0.15);}
.pf-right .er{ display: none; position: absolute; right:100%; top:0; width:100px; background: #fff; border-radius:6px; line-height:0; overflow: hidden;}
.pf-right .li:hover .tel{ display:flex; margin-right: 10px;}
.pf-right .li:hover .er{ display:block; margin-right: 10px;}
@media screen and (max-width:1600px) {
.pf-right{ right:0.1rem;}
}
@media screen and (max-width:1024px) {
.pf-right{ bottom:10px; right:5px; width:30px;}
.pf-right .li{ margin-top: 5px;}
.pf-right .li .a{ width:30px; height:30px; border:2px solid #fff;}
.pf-right .li .a img{ width:18px; height:18px;}
.pf-right .tel{ border-radius:20px; padding:10px 25px;border-radius:10px;}
}
.footer1{ position:relative;overflow: hidden; background: #d6e9ff; border-top:1px solid #c0d1e5;}
.footer1 .top{ display: flex; flex-wrap: wrap; justify-content: space-between; align-items: flex-start; width:100%; padding:69px 0 20px 0;}
.footer1 .box{ display: flex; flex-wrap: wrap; align-items:flex-start; justify-content: space-between; margin-bottom: 0.46rem;}
.footer1 .right{ display: flex; align-items: flex-start;}
.footer1 .left{ display: flex; justify-content: center; align-items:center;}
.footer1 .name{ display: flex; flex-wrap: wrap; flex-direction: column;}
.footer1 .name .zh{ color: #000; font-size:calc(14px + 0.1rem); line-height:calc(22px + 0.1rem); font-weight: bold;}
.footer1 .name .en{ color: #000; font-size:11px; line-height:19px; text-transform: uppercase;}
.footer1 .logo{ display: inline-flex; position: relative; line-height:0;margin-right:12px; padding-right:11px;}
.footer1 .logo::after{ display:block; content:''; position: absolute; right:0; top:0.15rem; width:2px; height:0.4rem; background: #afb8c3;}
.footer1 .logo img{ width: auto; max-width: inherit; height:0.7rem; }
.footer1 .er{ display: inline-flex; line-height: 0; width:100px; min-width:100px; margin:0.1rem 0 0 0.32rem;}
.footer1 .er img{ width:100%;}
.footer1 .addr{ display: inline-flex; flex-wrap: wrap; flex-direction: column; text-align: right; margin-top:0.15rem; color: #545454; font-size:calc(14px + 0.02rem); line-height:calc(22px + 0.06rem);}
.footer1 .addr .p{ display:block;}
.footer1 .nav{ display: flex; flex-direction: column; align-items: center; position: relative; padding:0 0.62rem;}
.footer1 .nav:first-child{ padding-left:0.13rem;}
.footer1 .nav::after{ display: block; content:''; position: absolute; right:0; top:6px; width:1px; height:calc(14px + 0.06rem); background: #aaa;}
.footer1 .nav .div{ display: flex; flex-wrap:wrap; flex-direction: column;}
.footer1 .nav .u2{ display: flex; flex-direction: column; margin-top:0.46rem;}
.footer1 .nav .a1{ display:block; text-transform: uppercase; color: #555; font-size:calc(14px + 0.04rem); line-height:calc(22px + 0.08rem);}
.footer1 .nav .a1:hover{ color:#1266ff;}
.footer1 .nav .a2{ display:block; color: #545454; font-size:calc(14px + 0.04rem); line-height:calc(22px + 0.06rem); margin-top:0.08rem;}
.footer1 .nav .a2:hover{ color:#1266ff;}
.footer1 .middl{ display: flex; flex-wrap: wrap; width:100%; border-top:2px solid #c0d1e5; padding:52px 0;}
.footer1 .down{ display: flex; flex-wrap: wrap; width:100%; justify-content: space-between; border-top:1px solid #c0d1e5; padding:15px 0 8px 0; font-size:calc(14px + 0.02rem); line-height:calc(22px + 0.04rem);}
.footer1 .Copyright a{color: #999;}
.footer1 .Copyright a:hover{ color:#1266ff;}
.footer1 .sjkf a{color: #999;}
.footer1 .sjkf a:hover{ color:#1266ff;}
@media (max-width: 1760px){
.footer1 .nav:first-child{ padding-left:0;}
.footer1 .nav{ padding:0 0.52rem;}
}
@media (max-width: 1440px){
.footer1 .nav:first-child{ padding-left:0;}
.footer1 .nav{ padding:0 0.46rem;}
}
@media (max-width: 1270px){
.footer1 .nav:first-child{ padding-left:0;}
.footer1 .er{ margin:0.1rem 0 0 0.22rem;}
}
@media (max-width: 1024px){
.footer1 .top{padding:30px 0 20px 0; justify-content: center;}
.footer1 .logo img{ height:34px;}
.footer1 .right{ margin-top:10px;}
.footer1 .middl{ display: none;}
.footer1 .down{ font-size:14px; line-height:22px;}
.footer1 .Copyright{ width:100%; text-align: center;}
.footer1 .sjkf{ width:100%; text-align: center;}
.footer1 .right{ align-items: center; justify-content: center;}
.footer1 .er{margin:0 0 0 10px; width:96px; min-width:96px;}
.footer1 .addr{ margin:0; font-size:14px; line-height:22px;}
}
@media (max-width: 767px){
.footer1 .top{justify-content: flex-start;}
.footer1 .logo{ margin-right:0.3rem; padding-right:0.3rem;}
.footer1 .logo::after{ top:0.3rem; width:1px; height:0.8rem;}
.footer1 .logo img{ height:1.4rem;}
.footer1 .name .zh{ font-size:0.6rem; line-height:0.72rem;}
.footer1 .name .en{ font-size:0.29rem; line-height:0.41rem;}
.footer1 .left{ width:100%;}
.footer1 .right{ width:100%; justify-content:space-between;}
.footer1 .addr{ text-align:left; }
.footer1 .er{margin:0 0 0 10px; width:80px; min-width:80px;}
}
@media (max-width: 413px){
.footer1 .down{ font-size:13px; line-height:22px;}
.footer1 .addr{ margin:0; font-size:13px; line-height:22px;}
.footer1 .er{margin:0 0 0 6px; width:70px; min-width:70px;}
}
.news1{ display:flex; flex-wrap: wrap; width:100%; margin-top: 39px;}
.news1 .bd{ display:flex; flex-wrap: wrap; width:100%;}
.news1 .ul{ display: flex; flex-wrap: wrap; width:calc(100% + 0.54rem); margin:-0.27rem;}
.news1 .li{ display: flex; width:33.33%; padding:0.27rem;}
.news1 .a{ display:flex; flex-wrap: wrap; width:100%;}
.news1 .a .tit{ width:100%; font-size:calc(14px + 0.12rem); line-height:calc(22px + 0.1rem); height:calc(44px + 0.2rem);}
.news1 .a .p{ width:100%; font-size:14px; line-height:22px; height:88px; margin-top:36px;}
.news1 .a ._img{ border-radius: 6px; padding-bottom:56%; margin-top:24px;}
.news1 .a .pic{ display: block;width:100%;}
@media (max-width: 1024px){
.news1{ margin-top:20px;}
.news1 .ul{ width:calc(100% + 12px); margin:-8px -6px;}
.news1 .li{ padding:8px 6px;}
.news1 .a .p{ margin-top:8px;}
.news1 .a ._img{ margin-top:15px;}
}
@media (max-width: 767px){
.news1 .li{ width:100%;}
.news1 .a{ flex-wrap:nowrap; align-items: center; }
.news1 .a .pic{ width:140px; min-width:140px; margin-left:12px;}
.news1 .a .tit{ font-size:15px; line-height:21px; height:42px;}
.news1 .a .p{-webkit-line-clamp:2; font-size:13px; line-height:21px; height:42px; margin-top:2px;display: none;}
.news1 .a ._img{ margin-top:0;}
}
.h-top{ display: flex; flex-wrap: wrap; width:100%; justify-content:space-between; align-items:flex-end;}
.h-tit{ display: flex; flex-wrap: wrap; flex-direction: column;}
.h-tit .EN{ display: inline-flex; font-weight: bold; color: #999; font-size:calc(14px + 0.26rem); line-height:calc(22px + 0.18rem);}
.h-tit .cn{ display: inline-flex; align-items: center; color: #525252; font-size:calc(14px + 0.16rem); line-height:calc(22px + 0.18rem); margin-top:0.14rem;}
.h-tit .more{ display: flex; width:calc(22px + 0.18rem); height:calc(22px + 0.18rem); border-radius:50%; position: relative; z-index: 8;; background: url(img/ico19.png) center no-repeat; background-size:100% 100% !important; margin:0 0 0 calc(8px + 0.1rem);}
.h-tit .more:hover{ background: url(img/ico20.png) center no-repeat !important;}
.h-hd{ display: flex; margin:0 0 0.13rem 0;}
.h-hd ul{ display: flex;}
.h-hd li{ display: flex; margin:0 0 0 0.1rem;}
.h-hd li:first-child{ margin:0 !important;}
.h-hd li a{ background: #fff; display: flex; align-items: center; justify-content:center; height:calc(30px + 0.3rem); border-radius:calc(30px + 0.3rem); line-height:1; padding:0 0 2px 0; border:1px solid #dddddd; font-size:calc(14px + 0.06rem); color: #545454; min-width:1.8rem;}
.h-hd li:hover a{ color: #1266ff;}
.h-hd1 li a{ border:1px solid #fff; color: #555555;}
.h-hd li.on a{ background: #1266ff; border:1px solid #1266ff; color: #fff;}
@media (max-width: 1440px){
.h-hd li a{font-size:calc(14px + 0.02rem); height:calc(26px + 0.26rem); border-radius:calc(26px + 0.26rem);}
}
@media (max-width:1024px){
.h-hd li a{ min-width:inherit; height:34px; border-radius:34px; margin:0 0 0 6px; padding:0 16px 1px 16px;}
.h-hd1{ width:100%;}
.h-hd1 ul{ padding:15px 0; white-space:nowrap; overflow-x: auto;scrollbar-color: #f0f7ff rgba(255, 255, 255, 0);}
}
.honorary0{ display: flex; flex-wrap: wrap; width:100%; margin-top:20px;}
.honorary0 .ul{ display: flex; flex-wrap: wrap; width:calc(100% + 0.24rem); margin:-0.15rem -0.12rem;}
.honorary0 .li{ width:20%; padding:0.15rem 0.12rem;}
.honorary0 .a{ display: flex; flex-wrap: wrap; text-align: center; position: relative; height:100%; background: #fff; border-radius: 8px; overflow: hidden; width:100%; padding:10px;}
.honorary0 .a .img{ display:block; width:100%; overflow:hidden; line-height: 0;}
.honorary0 .a .tit{ display:flex; flex-wrap: wrap; align-items: center; justify-content: center; width:100%;font-size:calc(14px + 0.04rem); line-height:calc(22px + 0.06rem); margin:13px 0 10px 0; min-height:60px;}
@media (max-width:1440px){
.honorary0 .a .tit{font-size:calc(14px + 0.02rem); line-height:calc(22px + 0.04rem);}
}
@media (max-width:1024px){
.honorary0 .ul{ display: block; width:calc(100% + 12px); margin:0 -6px;}
.honorary0 .li{ padding:0 6px; margin-bottom:10px;}
.honorary0 .a .tit{ margin:8px 0 5px 0;font-size:13px; line-height:24px; min-height:48px;}
}
.honorary1{ display: flex; flex-wrap: wrap; width:100%; margin-top:30px;}
.honorary1 .ul{ display:flex; flex-wrap: wrap; width:calc(100% + 0.24rem); margin:0 -0.12rem;}
.honorary1 .li{ width:14.28%; text-align: center; padding:20px 0.12rem 0 0.12rem;}
.honorary1 .li .cont{ width:100%;font-size:calc(16px + 0.24rem); line-height:calc(24px + 0.24rem);}
.honorary1 .li .p{ width:100%;font-size:calc(14px + 0.02rem); line-height:calc(22px + 0.04rem); margin-top: 12px;}
@media (max-width:1024px){
.honorary1{ margin-top:10px;}
.honorary1 .ul{ width:calc(100% + 12px); margin:0 -6px;}
.honorary1 .li{ width:20%; padding:14px 6px 0 6px;}
.honorary1 .li .p{ margin-top:2px;}
}
@media (max-width:767px){
.honorary1 .li{ width:25%;}
.honorary1 .li .p{ font-size:13px; line-height:20px;}
}
.h-about{ display: flex; width:100%; align-items: center; justify-content: space-between; margin-top:30px;}
.about1{ display:block; width:62.5%; overflow: hidden; border-radius:8px;}
.about1 .ul{ display:block; width:100%;}
.about1 .li{ display:block; width:100%;}
.about1 .li ._img{ padding-bottom:54%;}
.about1 .slick-prev{ left:0.5rem; transform: rotate(180deg); -ms-transform: rotate(180deg); }
.about1 .slick-next{ right:auto; left:1.1rem;}
.about2{ display:block; width:calc(37.5% + 1.8rem); margin:0 0 0 -1.8rem; position: relative; z-index: 6; border-radius:6px; overflow: hidden; padding:0.45rem 0.2rem 0.56rem 0.5rem; color:#fff;}
.about2 .about2_box{padding-right: 20px;overflow: hidden; overflow-y: auto; max-height: 336px;}
.about2 .about2_box::-webkit-scrollbar{ width: 20px;}
.about2 .about2_box::-webkit-scrollbar-track{ background-color: #ffffff;}
.about2 .about2_box::-webkit-scrollbar-thumb{ width: 20px; background-color: #cccccc;}
.about2 .tit{ width:100%;font-size:calc(14px + 0.26rem); line-height:calc(22px + 0.28rem);}
.about2 .info{ width:100%;font-size:calc(14px + 0.12rem); line-height:calc(22px + 0.18rem); margin-top:0.39rem;}
.about2 .p{ width:100%;font-size:calc(14px + 0.04rem); line-height:calc(22px + 0.1rem); margin-top:0.39rem;}
@media (max-width:1440px){
.about2{ padding:0.45rem 0.4rem 0.45rem 0.4rem;}
.about2 .tit{font-size:calc(14px + 0.24rem); line-height:calc(22px + 0.26rem);}
.about2 .info{ font-size:calc(14px + 0.1rem); line-height:calc(22px + 0.14rem); margin-top:0.2rem;}
.about2 .p{ font-size:calc(14px + 0.02rem); line-height:calc(22px + 0.06rem); margin-top:0.2rem;}
}
@media (max-width:1024px){
.h-about{ flex-wrap: wrap;}
.about1{ width:100%;}
.about1 .slick-prev{ left:15px;}
.about1 .slick-next{ left:auto; right:15px;}
.about2{ width:100%; margin:15px 0 0 0; padding:28px 15px;}
.about2 .info{ font-size:18px; line-height:28px;}
.about2 .info{ font-size:16px; line-height:26px; margin-top:12px;}
.about2 .p{ font-size:14px; line-height:24px; margin-top:12px;}
.about2 .about2_box{padding-right: 0;max-height: 1000px;}
.about2 .about2_box::-webkit-scrollbar{ width: 0;}
.about2 .about2_box::-webkit-scrollbar-track{ background-color: rgba(255,255,255,0);}
.about2 .about2_box::-webkit-scrollbar-thumb{ width: 0; background-color: rgba(255,255,255,0);}
.about2 .about2_box::-webkit-scrollbar{ display: none;}
}
.about3{ display: flex; flex-wrap: wrap; justify-content: space-between; width:48.5%; padding:0 0.1rem 0.14rem 0.1rem;}
.about3 .li{ display: flex; flex-wrap: wrap; justify-content: center; align-items: center; flex-direction: column;}
.about3 .li .cont{ display:inline-flex; font-size:calc(16px + 0.24rem); line-height:calc(24px + 0.24rem); position: relative; padding:0 0.1rem;}
.about3 .li .cont::after{ z-index: 1; display: block; content:''; position: absolute;left:0; bottom:-0.06rem; width:calc(14px + 0.18rem); height:calc(14px + 0.18rem); border-radius:50%; background: #dddddd;}
.about3 .li ._num{ position: relative; z-index: 6;}
.about3 .li .dw{ position: relative; z-index: 6; font-size:calc(14px + 0.02rem); line-height:calc(22px + 0.1rem); margin:0 0 0 0.1rem;}
.about3 .li .p{ display:inline-flex; font-size:calc(14px + 0.02rem); line-height:calc(22px + 0.04rem); margin-top: 12px;}
@media (max-width:1440px){
.about3{ width:54.5%;}
}
@media (max-width:1440px){
.about3{ width:60.5%;}
}
@media (max-width:1024px){
.about3{ margin-top:10px;}
.about3 .li .p{ margin-top:6px;}
.about3{ width:74.5%;}
}
@media (max-width:767px){
.about3{ width:100%; padding:0;}
.about3 .li{ width:44%; margin-top:10px;}
}
.pord1{ display:flex; flex-wrap: wrap; width:100%; margin-top:20px; position: relative;}
.pord1 .bd{ display:flex; flex-wrap: wrap; width:100%;position: absolute; left:0; top:0; opacity:0;
-webkit-transition: all 0.5s ease-out 0s;
-moz-transition: all 0.5s ease-out 0s;
-o-transition: all 0.5s ease-out 0s;
transition: all 0.5s ease-out 0s; }
.pord1 .bd.on{ position: relative; z-index: 6; opacity: 1;}
.pord1 .ul{ display: flex; flex-wrap: wrap; width:calc(100% + 0.26rem); margin:0.15rem -0.13rem;}
.pord1 .li{ display: flex; flex-wrap: wrap; width:25%; padding:0.15rem 0.13rem;}
.pord1 .a{ display: flex; flex-wrap: wrap; width:100%; background: #fff; border-radius:8px; padding:0.5rem;}
.pord1 .a ._img{ padding-bottom:75.71%;}
.pord1 .a .cont{ display: flex; flex-wrap: wrap; width:100%; text-align: center; background: #1266ff; padding:5px 10px; border-radius:8px; margin:0.19rem 0 0 0;}
.pord1 .a .tit{ width:100%; font-size:calc(14px + 0.04rem); line-height:calc(22px + 0.08rem); }
.pord1 .a:hover{ box-shadow:0 0 10px rgba(0,0,0,0.15);}
@media (max-width:1024px){
.pord1{ margin-top:0;}
.pord1 .ul{ width:calc(100% + 12px); margin:-6px -6px;}
.pord1 .li{ padding:6px 6px;}
.pord1 .a{ padding:15px;}
}
@media (max-width:767px){
.pord1 .li{ width:50%;}
}
.h-main2{ position: relative; overflow: hidden;}
.h-main2::after,
.h-main2::before{ display: block; content:''; position: absolute; left:0; width:100%; z-index: 1; height:100px; background-size:100% 100% !important;}
.h-main2::after{ top:0; background: url(img/bg2.png) top center repeat-x; }
.h-main2::before{ bottom:0; background: url(img/bg3.png) bottom center repeat-x;}
.applicat1{ display:flex; flex-wrap: wrap; width:calc(100% + 0.2rem); margin:23px -0.1rem 0 -0.1rem;}
.applicat1 .ul{ display:flex; flex-wrap: wrap; width:50%;}
.applicat1 .li{ width:100%; padding:0.1rem;}
.applicat1 .a{ overflow: hidden; width:100%; display: flex; flex-wrap: wrap; width:100%; height:100%; position: relative; background:#f0f7ff; border-radius:8px; padding:0.5rem 0.5rem 0.3rem 0.5rem;}
.applicat1 .a .btn{ position: relative; display:flex; align-items: center; background: #1266ff; color: #fff; border-radius:6px; width:160px; font-size:calc(14px + 0.06rem); line-height:calc(24px + 0.14rem); margin-bottom:0.16rem; padding:0.1rem 0.12rem;}
.applicat1 .a .btn span{ padding-bottom: 2px;}
.applicat1 .a .btn i{ display: block; position: absolute; right:10px; top:50%; width:20px; height:20px; margin-top:-10px;background: url(img/ico1.png) right center no-repeat; background-size:100% auto !important; }
.applicat1 .a .tit{ width:100%; font-size:calc(14px + 0.12rem); line-height:calc(18px + 0.12rem);}
.applicat1 .a .p{ width:42%; color: #535353; font-size:calc(14px + 0.02rem); line-height:calc(16px + 0.03rem); min-height:calc(64px + 0.12rem); margin-top:0.08rem;}
.applicat1 .a .cont{ position: relative; z-index: 6; width:100%;}
.applicat1 .a .img{ display:flex; align-items: flex-end; line-height:0; width:100%;}
.applicat1 .a:hover .btn{ background: #fff; color:#1266ff;}
.applicat1 .a:hover .btn i{background: url(img/ico2.png) right center no-repeat;}
.applicat1 .a:hover{ box-shadow:0 0 10px rgba(0,0,0,0.15);}
.applicat1 .u1 .a{ background: #e7eee6; padding:0.5rem 0.45rem 0.46rem 0.5rem;}
.applicat1 .u1 .a .p{ width:100%;}
.applicat1 .u2 .a .img{ position: absolute; right:0; bottom:0; z-index:1; width:65%;}
.applicat1 .u2 .li:nth-child(3n+2){ width:50%;}
.applicat1 .u2 .li:nth-child(3n+3){ width:50%;}
.applicat1 .u2 .li:nth-child(3n+1) .a .img{ width:58%;}
.applicat1 .u2 .li:nth-child(3n+2) .a{ background: #feeadc;}
.applicat1 .u2 .li:nth-child(3n+3) .a{ background: #ffffbf;}
.applicat1-2{ display: none;}
@media (max-width:1024px){
.applicat1{ width:calc(100% + 12px); margin:23px -6px 0 -6px;}
.applicat1 .li{ padding:6px;}
.applicat1 .a{ padding:20px 14px 14px 14px;}
.applicat1 .a .btn{ width:120px; font-size:14px; line-height:calc(22px + 0.1rem); margin-bottom:0.16rem; padding:4px 10px;}
.applicat1 .a .btn i{ right:8px;width:16px; height:16px; margin-top:-8px; }
.applicat1 .a .tit{ font-size:15px; line-height:19px;}
.applicat1 .a .p{ font-size:14px; line-height:18px; min-height:54px; width:100%; margin-bottom:12px;}
.applicat1 .u2 .li:nth-child(3n+2){ width:100%;}
.applicat1 .u2 .li:nth-child(3n+3){ width:100%;}
.applicat1-1{ display: none;}
.applicat1-2{ display: flex;}
.applicat1-2 .ul{ width:100%;}
.applicat1-2 .li{ width:50%;}
.applicat1-2 .li:nth-child(4n+1) .a{ background: #e7eee6;}
.applicat1-2 .li:nth-child(4n+3) .a{ background: #feeadc;}
.applicat1-2 .li:nth-child(4n+4) .a{ background: #ffffbf;}
}
@media (max-width:767px){
}
/*wyb*/
.w_width{max-width:1600px; margin-right: auto; margin-left: auto;}
.wapshow{display: none!important;}
@media (max-width:1024px){
.pcshow{display: none!important;}
.wapshow{display: block!important;}
}
/*内页banner*/
.ny_banner{width: 100%;position: relative;}
.ny_banner .pic{width: 100%;display: block;}
.ny_banner .wordsbox{width: 100%;position: absolute;left: 0;top: 50%;transform: translate(0,-50%);}
.ny_banner .content{width: 100%;display: flex;justify-content: space-between;align-items: flex-start;position: relative;}
.ny_banner .left{width: 67.5%;padding-right: 20px;}
.ny_banner .left .zbt{font-size: 40px;color: #ffffff;line-height: 44px;margin-bottom: 18px;font-weight: bold;font-style: italic;}
.ny_banner .left .fbt{font-size: 40px;color: #ffffff;line-height: 44px;margin-bottom: 28px;font-style: italic;}
.ny_banner .left .dq_sec{width: 100%;display: flex;justify-content: flex-start;align-items: center;font-size: 18px;color: #ffffff;line-height: 24px;}
.ny_banner .left .dq_sec a{color: #fff;}
.ny_banner .left .dq_sec span{margin: 0 5px;}
.ny_banner .left .dq_sec a:hover,
.ny_banner .left .dq_sec a.on{opacity: 0.6;}
.ny_banner .right{width: 56.25%;text-align: right;position: absolute;right: 0;top: 0;}
.ny_banner .right .wz1{font-size: 40px;color: #ffffff;line-height: 44px;margin-bottom: 16px;font-weight: bold;}
.ny_banner .right .wz2{font-size: 30px;color: #ffffff;line-height: 34px;}
@media (max-width:1680px){
.ny_banner .left .zbt{font-size: 30px;line-height: 34px;margin-bottom: 14px;}
.ny_banner .left .fbt{font-size: 30px;line-height: 34px;margin-bottom: 20px;}
.ny_banner .left .dq_sec{font-size: 14px;;line-height: 20px;}
.ny_banner .right .wz1{font-size: 30px;line-height: 34px;margin-bottom: 12px;}
.ny_banner .right .wz2{font-size: 20px;line-height: 26px;}
}
@media (max-width:1024px){
.ny_banner .content{display: block;}
.ny_banner .left{width: 100%;padding-right: 0;margin-bottom: 12px;}
.ny_banner .left .zbt{font-size: 18px;line-height: 22px;margin-bottom: 6px;}
.ny_banner .left .fbt{font-size: 18px;line-height: 22px;margin-bottom: 0;}
.ny_banner .left .dq_sec{font-size: 14px;line-height: 20px;display: none;}
.ny_banner .right{width: 100%;text-align: left;position: static;}
.ny_banner .right .wz1{font-size: 18px;line-height: 22px;margin-bottom: 6px;}
.ny_banner .right .wz2{font-size: 14px;line-height: 22px;}
}
/*产品中心*/
.cp_section{width: 100%;padding-top: 100px;padding-bottom: 100px;background: #f4f4f4;}
.cp_section .nav{width: 100%;margin-bottom: 30px;}
.cp_section .nav ul{width: 100%;}
.cp_section .nav li{margin-bottom: 20px;display: flex;justify-content: flex-start;align-items: flex-start;}
.cp_section .nav li:last-child{margin-bottom: 0;}
.cp_section .nav ul .tit{font-size: 30px;color: #545454;line-height: 60px;padding-right: 12px;width: 150px;}
.cp_section .nav ul .cont{width: calc(100% - 150px);}
.cp_section .nav ul .dl{margin: -5px;width: calc(100% + 10px);display: flex;justify-content: flex-start;align-items: flex-start;flex-wrap: wrap;}
.cp_section .nav ul .dd{padding: 5px;}
.cp_section .nav ul a{display: block;min-width: 180px;font-size: 20px;color: #545454;line-height: 30px;padding: 15px 20px;background: #fff;border-radius: 30px;text-align: center;}
.cp_section .nav ul .dd:hover a,
.cp_section .nav ul .dd.on a{color: #fff;background: #1266ff;}
.cp_section .content{width: 100%;margin-bottom: 100px;}
.cp_section .content ul{margin: -15px -13px;display: flex;justify-content: flex-start;align-items: flex-start;width: calc(100% + 26px);flex-wrap: wrap;}
.cp_section .content li{width: 25%;padding: 15px 13px;}
.cp_section .content ul a{display: block;width: 100%;position: relative;border-radius: 10px;overflow: hidden;background: #fff;}
.cp_section .content ul a:hover{box-shadow: 0 0 24px rgba(0,0,0,0.16);}
.cp_section .content ul a .pic{ width: 100%; padding-bottom: 68.421%; position: relative; overflow: hidden;
-webkit-transition: 0.5s ease;
-moz-transition: 0.5s ease;
-ms-transition: 0.5s ease;
-o-transition: 0.5s ease;
transition: 0.5s ease;}
.cp_section .content ul a .pic img{ width: 100%; position: absolute; left: 50%; top: 50%; min-height: 100%;
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
-webkit-transition: all 0.5s ease-out 0s;
-moz-transition: all 0.5s ease-out 0s;
-o-transition: all 0.5s ease-out 0s;
transition: all 0.5s ease-out 0s;
transition: -webkit-transform 2s;
vertical-align: middle;
-ms-interpolation-mode: bicubic;}
.cp_section .content ul a:hover .pic img{ -webkit-transform: translate(-50%, -50%) scale(1.1); -moz-transform: translate(-50%, -50%) scale(1.1); transform: translate(-50%, -50%) scale(1.1);}
.cp_section .content ul a .wordsbox{width: 100%;padding: 20px 50px 50px 50px;}
.cp_section .content ul a .wzposi{background: #1266ff;border-radius: 10px;padding: 5px 20px;}
.cp_section .content ul a .wz{font-size: 18px;color: #fff;line-height: 30px;text-align: center;
overflow:hidden;text-overflow:ellipsis;display:-webkit-box; -webkit-box-orient:vertical;-webkit-line-clamp:2;}
.cp_section .content ul a:hover .wzposi{opacity: 0.8;}
@media (max-width:1680px){
.cp_section .nav ul .tit{font-size: 20px;line-height: 40px;padding-right: 12px;width: 120px;}
.cp_section .nav ul .cont{width: calc(100% - 120px);}
.cp_section .nav ul a{min-width: 120px;font-size: 14px;line-height: 20px;padding: 10px 20px;background: #fff;border-radius: 20px;}
}
@media (max-width:1024px){
.cp_section{padding-top: 30px;padding-bottom: 30px;}
.cp_section .nav{margin-bottom: 20px;}
.cp_section .nav li{margin-bottom: 12px;display: block;}
.cp_section .nav ul .tit{font-size: 18px;line-height: 24px;padding-right: 0;width: 100%;margin-bottom: 8px;}
.cp_section .nav ul .cont{width: 100%;}
.cp_section .nav ul .dl{ white-space:nowrap;overflow: hidden; overflow-x: auto; max-width: 100%;display: block;font-size: 0;}
.cp_section .nav ul .dl::-webkit-scrollbar{ display: none;}
.cp_section .nav ul .dd{display: inline-block;vertical-align: top;}
.cp_section .nav ul a{min-width: auto;font-size: 14px;line-height: 20px;padding: 6px 26px;border-radius: 16px;}
.cp_section .content{margin-bottom: 20px;}
.cp_section .content ul{margin: -6px;width: calc(100% + 12px);}
.cp_section .content li{width: 50%;padding: 6px;}
.cp_section .content ul a .wordsbox{padding: 12px;}
.cp_section .content ul a .wzposi{padding: 4px 12px;}
.cp_section .content ul a .wz{font-size: 14px;line-height: 24px;}
.cp_section .content ul a .wz br{display: none;}
}
/*分页*/
.page_section{width: 100%;}
.page_section .pcpage{width: 100%;display: flex;justify-content: center;align-items: center;}
.page_section .pcpage .btn{width: 70px;height: 50px;display: flex;justify-content: center;align-items: center;background: #fff;border-radius: 10px;}
.page_section .pcpage .btn img{width: 13px;display: block;}
.page_section .pcpage .btn .ico2{display: none;}
.page_section .pcpage a{width: 50px;height: 50px;font-size: 16px;color: #888888;line-height: 50px;background: #fff;border-radius: 10px;text-align: center;margin: 0 5px;
transition: All 0s ease-in-out;
-webkit-transition: All 0s ease-in-out;
-moz-transition: All 0s ease-in-out;
-o-transition: All 0s ease-in-out;}
.page_section .pcpage a:hover,
.page_section .pcpage a.on{background: #1266ff;color: #fff;}
.page_section .pcpage .btn:hover .ico1{display: none;}
.page_section .pcpage .btn:hover .ico2{display: block;}
.page_section .wappage{display: none;}
@media (max-width:1024px){
.page_section .pcpage{display: none;}
.page_section .wappage{display: flex;justify-content: center;align-items: center;}
.page_section .wappage .btn{width: 50px;height: 32px;display: flex;justify-content: center;align-items: center;background: #fff;border-radius: 6px;}
.page_section .wappage .btn img{width: 8px;display: block;}
.page_section .wappage .btn .ico2{display: none;}
.page_section .wappage .btn:hover .ico1{display: none;}
.page_section .wappage .btn:hover .ico2{display: block;}
.page_section .wappage span{font-size: 16px;color: #333;line-height: 20px;margin: 0 20px;}
}
/*产品详情*/
.cpxq_section1{width: 100%;padding-top: 100px;padding-bottom: 100px;}
.cpxq_section1 .content{width: 100%;display: flex;justify-content: flex-start;align-items: flex-start;}
.cpxq_section1 .left{width: 38.875%;padding-top: 80px;}
.cpxq_section1 .left .pic{width: 100%;}
.cpxq_section1 .left .pic img{width: 100%;display: block;}
.cpxq_section1 .right{width: 61.125%;padding-left: 80px;}
.cpxq_section1 h2{font-size: 50px;color: #000000;line-height: 54px;margin-bottom: 26px;}
.cpxq_section1 .cont{width: 100%;background: #eeeeee;border-radius: 10px;overflow: hidden;}
.cpxq_section1 .dl{width: 100%;}
.cpxq_section1 .dl .dd{display: flex;justify-content: flex-start;align-items: flex-start;position: relative;}
.cpxq_section1 .dl .tit{font-size: 20px;color: #000000;line-height: 28px;padding: 16px 22px;width: 150px;position: relative;z-index: 2;}
.cpxq_section1 .dl .con{width: calc(100% - 150px);font-size: 20px;color: #000000;line-height: 28px;padding: 16px 22px;position: relative;z-index: 2;}
.cpxq_section1 .dl .dd:nth-child(odd) .tit{background: #cccccc;}
.cpxq_section1 .dl .dd:nth-child(odd) .con{background: #dddddd;}
.cpxq_section1 .dl .dd:nth-child(even) .tit{background: #dddddd;}
.cpxq_section1 .dl .dd:nth-child(odd)::before{content: "";display: block;width: 150px;height: 100%;position: absolute;left: 0;top: 0;background: #cccccc;}
.cpxq_section1 .dl .dd:nth-child(odd)::after{content: "";display: block;width: calc(100% - 150px);height: 100%;position: absolute;right: 0;top: 0;background: #dddddd;}
.cpxq_section1 .dl .dd:nth-child(even)::before{content: "";display: block;width: 150px;height: 100%;position: absolute;left: 0;top: 0;background: #dddddd;}
@media (max-width:1024px){
.cpxq_section1{padding-top: 30px;padding-bottom: 30px;}
.cpxq_section1 .content{display: block;}
.cpxq_section1 .left{width: 100%;padding-top: 0;margin-bottom: 12px;}
.cpxq_section1 .left .pic img{width: 70%;margin: 0 auto;}
.cpxq_section1 .right{width: 100%;padding-left: 0;}
.cpxq_section1 h2{font-size: 20px;line-height: 24px;text-align: center;margin-bottom: 12px;}
.cpxq_section1 .cont{border-radius: 8px;}
.cpxq_section1 .dl .tit{font-size: 14px;line-height: 20px;padding: 12px;width: 100px}
.cpxq_section1 .dl .con{width: calc(100% - 100px);font-size: 14px;line-height: 20px;padding: 12px;}
.cpxq_section1 .dl .dd:nth-child(odd)::before{width: 100px;}
.cpxq_section1 .dl .dd:nth-child(odd)::after{width: calc(100% - 100px);}
.cpxq_section1 .dl .dd:nth-child(even)::before{width: 100px;}
}
.cpxq_section2{width: 100%;background: #f4f4f4;padding-top: 100px;padding-bottom: 100px;}
.cpxq_section2 .titbox{width: 100%;margin-bottom: 30px;display: flex;justify-content: space-between;align-items: flex-end;}
.cpxq_section2 .titbox .left{padding-bottom: 14px;}
.cpxq_section2 .titbox .bt1{font-size: 40px;color: #999999;line-height: 50px;margin-bottom: 4px;font-weight: bold;}
.cpxq_section2 .titbox .bt2{font-size: 30px;color: #535353;line-height: 34px;}
.cpxq_section2 .titbox ul{display: flex;justify-content: flex-end;align-items: center;}
.cpxq_section2 .titbox li{margin-right: 10px;}
.cpxq_section2 .titbox li:last-child{margin-right: 0;}
.cpxq_section2 .titbox a{display: block;font-size: 20px;color: #545454;line-height: 30px;padding: 15px 20px;background: #ffffff;border-radius: 30px;min-width: 180px;text-align: center;}
.cpxq_section2 .titbox a:hover{background: #1266ff;color: #fff;}
.cpxq_section2 .content{width: 100%;}
.cpxq_section2 .content .ul{margin: -13px;width: calc(100% + 26px);}
.cpxq_section2 .content .li{padding: 13px;}
.cpxq_section2 .content .ul a{display: block;width: 100%;position: relative;border-radius: 10px;overflow: hidden;background: #fff;}
.cpxq_section2 .content .ul a:hover{box-shadow: 0 0 12px rgba(0,0,0,0.1);}
.cpxq_section2 .content .ul a .pic{ width: 100%; padding-bottom: 68.421%; position: relative; overflow: hidden;
-webkit-transition: 0.5s ease;
-moz-transition: 0.5s ease;
-ms-transition: 0.5s ease;
-o-transition: 0.5s ease;
transition: 0.5s ease;}
.cpxq_section2 .content .ul a .pic img{ width: 100%; position: absolute; left: 50%; top: 50%; min-height: 100%;
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
-webkit-transition: all 0.5s ease-out 0s;
-moz-transition: all 0.5s ease-out 0s;
-o-transition: all 0.5s ease-out 0s;
transition: all 0.5s ease-out 0s;
transition: -webkit-transform 2s;
vertical-align: middle;
-ms-interpolation-mode: bicubic;}
.cpxq_section2 .content .ul a:hover .pic img{ -webkit-transform: translate(-50%, -50%) scale(1.1); -moz-transform: translate(-50%, -50%) scale(1.1); transform: translate(-50%, -50%) scale(1.1);}
.cpxq_section2 .content .ul a .wordsbox{width: 100%;padding: 20px 50px 50px 50px;}
.cpxq_section2 .content .ul a .wzposi{background: #1266ff;border-radius: 10px;padding: 5px 20px;}
.cpxq_section2 .content .ul a .wz{font-size: 18px;color: #fff;line-height: 30px;text-align: center;
overflow:hidden;text-overflow:ellipsis;display:-webkit-box; -webkit-box-orient:vertical;-webkit-line-clamp:2;}
.cpxq_section2 .content .ul a:hover .wzposi{opacity: 0.8;}
@media (max-width:1024px){
.cpxq_section2{padding-top: 30px;padding-bottom: 30px;}
.cpxq_section2 .titbox{margin-bottom: 20px;display: block;}
.cpxq_section2 .titbox .left{padding-bottom: 0;margin-bottom: 10px;text-align: center;}
.cpxq_section2 .titbox .bt1{font-size: 18px;line-height: 24px}
.cpxq_section2 .titbox .bt1 br{display: none;}
.cpxq_section2 .titbox .bt2{font-size: 14px;;line-height: 22px;}
.cpxq_section2 .titbox ul{justify-content: center;}
.cpxq_section2 .titbox a{font-size: 14px;line-height: 20px;padding: 8px 20px;border-radius: 18px;min-width: 120px;}
.cpxq_section2 .content .ul{margin: -6px;width: calc(100% + 12px);}
.cpxq_section2 .content .li{width: 50%;padding: 6px;}
.cpxq_section2 .content .ul a .wordsbox{padding: 12px;}
.cpxq_section2 .content .ul a .wzposi{padding: 4px 12px;}
.cpxq_section2 .content .ul a .wz{font-size: 14px;line-height: 24px;}
}
/*资讯动态*/
.zxdt_section{width: 100%;padding-top: 100px;padding-bottom: 100px;background: #f4f4f4;}
.zxdt_section .nav{margin-bottom: 26px;}
.zxdt_section .nav ul{width: 100%;display: flex;justify-content: flex-start;align-items: flex-start;}
.zxdt_section .nav li{margin-right: 10px;}
.zxdt_section .nav li:last-child{margin-right: 0;}
.zxdt_section .nav ul a{display: block;font-size: 20px;color: #535353;line-height: 30px;padding: 15px;min-width: 180px;text-align: center;background: #fff;border-radius: 30px;}
.zxdt_section .nav li:hover a,
.zxdt_section .nav li.on a{background: #1266ff;color: #fff;}
.zxdt_section .content{margin-bottom: 100px;}
.zxdt_section .content ul{margin: -50px -27px;width: calc(100% + 54px);display: flex;justify-content: flex-start;align-items: flex-start;flex-wrap: wrap;}
.zxdt_section .content li{width: 33.3333%;padding: 50px 27px;}
.zxdt_section .content .wordsbox{margin-bottom: 24px;}
.zxdt_section .content .bt{width: 100%;font-size: 26px;color: #555;line-height: 32px;min-height: 64px;margin-bottom: 36px;
overflow:hidden;text-overflow:ellipsis;display:-webkit-box; -webkit-box-orient:vertical;-webkit-line-clamp:2;}
.zxdt_section .content a:hover .bt{color: #1266ff;}
.zxdt_section .content .info{width: 100%;font-size: 14px;color: #999; line-height: 22px;min-height: 88px;
overflow:hidden;text-overflow:ellipsis;display:-webkit-box; -webkit-box-orient:vertical;-webkit-line-clamp:4;}
.zxdt_section .content .pic{ width: 100%; padding-bottom: 56%; position: relative; overflow: hidden;border-radius: 6px;
-webkit-transition: 0.5s ease;
-moz-transition: 0.5s ease;
-ms-transition: 0.5s ease;
-o-transition: 0.5s ease;
transition: 0.5s ease;}
.zxdt_section .content .pic img{ width: 100%; position: absolute; left: 50%; top: 50%; min-height: 100%;
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
-webkit-transition: all 0.5s ease-out 0s;
-moz-transition: all 0.5s ease-out 0s;
-o-transition: all 0.5s ease-out 0s;
transition: all 0.5s ease-out 0s;
transition: -webkit-transform 2s;
vertical-align: middle;
-ms-interpolation-mode: bicubic;}
.zxdt_section .content a:hover .pic img{ -webkit-transform: translate(-50%, -50%) scale(1.1); -moz-transform: translate(-50%, -50%) scale(1.1); transform: translate(-50%, -50%) scale(1.1);}
@media (max-width:1024px){
.zxdt_section{padding-top: 30px;padding-bottom: 30px;}
.zxdt_section .nav{margin-bottom: 20px;}
.zxdt_section .nav ul{width: 100%;justify-content: center;}
.zxdt_section .nav ul a{font-size:14px;line-height: 20px;padding: 8px 20px;min-width: 110px;border-radius: 18px;}
.zxdt_section .content{margin-bottom: 20px;}
.zxdt_section .content ul{margin: 0;width: 100%;}
.zxdt_section .content li{width: 100%;padding: 0;margin-bottom: 12px;}
.zxdt_section .content li:last-child{margin-bottom: 0;}
.zxdt_section .content li a{display: flex;justify-content: flex-start;align-items: center;}
.zxdt_section .content .wordsbox{margin-bottom: 0;width: calc(100% - 140px);padding-right: 12px;}
.zxdt_section .content .bt{font-size: 15px;line-height: 18px;min-height: 1px;margin-bottom: 0;-webkit-line-clamp:2;}
.zxdt_section .content .info{font-size: 13px;line-height: 18px;min-height: 1px;-webkit-line-clamp:2;display: none;}
.zxdt_section .content .picbox{ width: 140px;}
}
/*新闻详情*/
.xwxq_section{width: 100%;padding-top: 94px;padding-bottom: 54px;overflow: hidden;}
.xwxq_section .content{width: 100%;display: flex;justify-content: flex-start;align-items: flex-start;}
.xwxq_section .left{width: 72.5%;padding-right: 80px;position: relative;}
.xwxq_section .left::after{content: "";display: block;height: calc(100% + 148px);width: 1000px;position: absolute;left: 100%;top: -94px;background: #f4f4f4;}
.xwxq_section .left h2{font-size: 50px;color: #000000;line-height: 60px;margin-bottom: 26px;}
.xwxq_section .left .date{font-size: 18px;color: #aaaaaa;line-height: 24px;margin-bottom: 30px;}
.xwxq_section .left .cont{width: 100%;font-size: 18px;color: #545454;line-height: 24px;}
.xwxq_section .left .cont img{max-width: 100%;}
.xwxq_section .right{width: 27.5%;position: relative;z-index: 2;padding-left: 60px;}
.xwxq_section .right ul{width: 100%;}
.xwxq_section .right li{margin-bottom: 32px;}
.xwxq_section .right li:last-child{margin-bottom: 0;}
.xwxq_section .right a{display: block;width: 100%;}
.xwxq_section .right a .wz{font-size: 24px;color: #525252;line-height: 30px;margin-bottom: 14px;}
.xwxq_section .right a .pic{ width: 100%; padding-bottom: 55.26%; position: relative; overflow: hidden;border-radius: 10px;
-webkit-transition: 0.5s ease;
-moz-transition: 0.5s ease;
-ms-transition: 0.5s ease;
-o-transition: 0.5s ease;
transition: 0.5s ease;}
.xwxq_section .right a .pic img{ width: 100%; position: absolute; left: 50%; top: 50%; min-height: 100%;
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
-webkit-transition: all 0.5s ease-out 0s;
-moz-transition: all 0.5s ease-out 0s;
-o-transition: all 0.5s ease-out 0s;
transition: all 0.5s ease-out 0s;
transition: -webkit-transform 2s;
vertical-align: middle;
-ms-interpolation-mode: bicubic;}
.xwxq_section .right a:hover .pic img{ -webkit-transform: translate(-50%, -50%) scale(1.1); -moz-transform: translate(-50%, -50%) scale(1.1); transform: translate(-50%, -50%) scale(1.1);}
.xwxq_section .right a .wordsbox{margin-top: 6px;}
.xwxq_section .right a .bt{font-size: 18px;color: #000000;line-height: 25px;margin-bottom: 2px;
overflow:hidden;text-overflow:ellipsis;display:-webkit-box; -webkit-box-orient:vertical;-webkit-line-clamp:2;}
.xwxq_section .right a .date{font-size: 14px;color: #aaaaaa;line-height: 18px;}
.xwxq_section .right a:hover .bt{color: #1266ff;}
@media (max-width:1680px){
.xwxq_section .left h2{font-size: 36px;line-height: 44px;}
}
@media (max-width:1024px){
.xwxq_section{padding: 0!important;}
.xwxq_section .content{display: block;}
.xwxq_section .left{width: 100%;padding: 20px 15px;}
.xwxq_section .left::after{display: none;}
.xwxq_section .left h2{font-size: 20px;line-height: 24px;margin-bottom: 8px;}
.xwxq_section .left .date{font-size: 14px;line-height: 18px;margin-bottom: 12px;}
.xwxq_section .left .cont{font-size: 14px;line-height: 20px;}
.xwxq_section .right{width: 100%;background: #f4f4f4;padding: 20px 15px;}
.xwxq_section .right li{margin-bottom: 12px;}
.xwxq_section .right a{display: block;width: 100%;display: flex;justify-content: flex-start;align-items: center;}
.xwxq_section .right a .wz{font-size: 14px;line-height: 24px;margin-bottom: 0;width: 60px;}
.xwxq_section .right a .pic{display: none;}
.xwxq_section .right a .wordsbox{margin-top: 0;width: calc(100% - 60px);}
.xwxq_section .right a .bt{font-size: 16px;line-height: 24px;margin-bottom: 0;-webkit-line-clamp:1;}
.xwxq_section .right a .date{display: none;}
}
/*供应商*/
.gys_section{width: 100%;padding-top: 100px;padding-bottom: 60px;}
.gys_section .content{width: 100%;display: flex;justify-content: flex-start;align-items: flex-start;}
.gys_section .left{width: 58.75%;padding-right: 40px;}
.gys_section .left h2{font-size: 30px;color: #525252;line-height: 34px;margin-bottom: 24px;}
.gys_section .left ul{width: 100%;border-radius: 10px;overflow: hidden;}
.gys_section .left ul li{min-width: 100%;background: #dddddd;}
.gys_section .left ul li:nth-child(1){background: #cccccc!important;}
.gys_section .left ul li:nth-child(1) .dd{color: #000!important;}
.gys_section .left ul li:nth-child(even){background: #eeeeee;}
.gys_section .left ul a{display: flex;justify-content: flex-start;align-items: flex-start;padding: 16px 22px;}
.gys_section .left ul a .dd{font-size: 20px;color: #000000;line-height: 28px;padding-right: 10px;}
.gys_section .left ul a .dd:nth-child(1){width: 33%;}
.gys_section .left ul a .dd:nth-child(2){width: 34%; word-break: break-all;}
.gys_section .left ul a .dd:nth-child(3){width: 21%;}
.gys_section .left ul a .dd:nth-child(4){width: 12%;color: #1266ff; padding-right:0;}
.gys_section .left ul a:hover{background: #1266ff;}
.gys_section .left ul a:hover .dd{color: #fff;}
.gys_section .right{width: 41.25%;}
.gys_section .right h3{font-size: 30px;color: #525252;line-height: 34px;margin-bottom: 24px;}
.gys_section .right .cont{width: 100%;padding: 26px 50px 50px 50px;background: #eeeeee;border-radius: 10px;overflow: hidden;}
.gys_section .right .bt1{font-size: 30px;color: #525252;line-height: 34px;margin-bottom: 16px;}
.gys_section .right .bt2{font-size: 16px;color: #525252;line-height: 20px;margin-bottom: 24px;}
.gys_section .right ul{width: 100%;}
.gys_section .right li{margin-bottom: 20px;}
.gys_section .right li:last-child{margin-bottom: 0;}
.gys_section .right ul input{width: 100%;display: block;font-size: 18px;color: #000;padding: 0 22px;background: #fff;border-radius: 10px;height: 50px;}
.gys_section .right ul input::-webkit-input-placeholder{font-size: 18px;color: #999;opacity: 1;}
.gys_section .right ul input::-moz-placeholder{font-size: 18px;color: #999;opacity: 1;}
.gys_section .right ul input::moz-placeholder{font-size: 18px;color: #999;opacity: 1;}
.gys_section .right ul input:-ms-input-placeholder{font-size: 18px;color: #999;opacity: 1;}
.gys_section .right ul .yzm{width: 100%;display: flex;justify-content: space-between;align-items: flex-start;}
.gys_section .right ul .yzm input{width: calc(100% - 160px);}
.gys_section .right ul .yzm img{width: 150px;height: 44px;display: block;border-radius: 10px;cursor: pointer;}
.gys_section .right ul .btn{width: 100%;display: flex;justify-content: flex-start;align-items: center;}
.gys_section .right ul .btn a{display: block;width: 150px;display: flex;justify-content: center;align-items: center;background: #397efc;border-radius: 10px;overflow: hidden;}
.gys_section .right ul .btn a:hover{background: #fff;box-shadow: 0 0 20px rgba(0,0,0,0.1);}
.gys_section .right ul .btn a .wz{font-size: 18px;color: #ffffff;line-height: 50px;margin-right: 10px;}
.gys_section .right ul .btn a:hover .wz{color: #1266ff;}
.gys_section .right ul .btn a img{width: 20px;display: block;}
.gys_section .right ul .btn a .ico2{display: none;}
.gys_section .right ul .btn a:hover .ico1{display: none;}
.gys_section .right ul .btn a:hover .ico2{display: block;}
.gys_section .right ul .btn .jj{font-size: 16px;color: #525252;line-height: 24px;width: calc(100% - 150px);padding-left: 26px;}
@media (max-width:1680px){
.gys_section .left ul a{padding: 14px 16px;}
.gys_section .left ul a .dd{font-size: 16px;line-height: 24px;}
.gys_section .right .cont{padding: 30px;}
.gys_section .right .bt1{font-size: 24px;line-height: 30px;margin-bottom: 12px;}
.gys_section .right .bt2{font-size: 14px;line-height: 20px;margin-bottom: 16px;}
.gys_section .right ul input{height: 44px;}
}
@media (max-width:1024px){
.gys_section{padding-top: 30px;padding-bottom: 30px;}
.gys_section .content{display: block;}
.gys_section .left{width: 100%;padding-right: 0;margin-bottom: 20px;}
.gys_section .left h2{font-size: 18px;line-height: 24px;margin-bottom: 12px;}
.gys_section .left ul a{padding: 8px 12px;}
.gys_section .left ul a .dd{font-size: 13px;line-height: 20px;}
.gys_section .left ul a .dd:nth-child(1){width: calc(44% - 53px);}
.gys_section .left ul a .dd:nth-child(2){width: 34%;}
.gys_section .left ul a .dd:nth-child(3){width: 22%;}
.gys_section .left ul a .dd:nth-child(4){padding-right: 0;width: 53px;}
.gys_section .right{width: 100%;}
.gys_section .right h3{font-size: 18px;line-height: 24px;margin-bottom: 12px;}
.gys_section .right .cont{padding: 12px;}
.gys_section .right .bt1{font-size: 16px;line-height: 20px;margin-bottom: 6px;}
.gys_section .right .bt2{font-size: 14px;line-height: 20px;margin-bottom: 20px;}
.gys_section .right li{margin-bottom: 12px;}
.gys_section .right ul input{width: 100%;font-size: 14px;padding: 0 12px;height: 40px;}
.gys_section .right ul input::-webkit-input-placeholder{font-size: 14px;}
.gys_section .right ul input::-moz-placeholder{font-size: 14px;}
.gys_section .right ul input::moz-placeholder{font-size: 14px;}
.gys_section .right ul input:-ms-input-placeholder{font-size: 14px;}
.gys_section .right ul .yzm input{width: calc(100% - 100px);}
.gys_section .right ul .yzm img{width: 90px;height: 40px;}
.gys_section .right ul .btn a{width: 100px;}
.gys_section .right ul .btn a .wz{font-size: 14px;line-height: 40px;margin-right: 8px;}
.gys_section .right ul .btn a img{width: 16px;}
.gys_section .right ul .btn .jj{font-size: 14px;line-height: 20px;width: calc(100% - 100px);padding-left: 10px;}
}
/*服务流程*/
.fwlc_section{width: 100%;padding-top: 100px;padding-bottom: 100px;background: #f4f4f4;}
.fwlc_section .content{width: 100%;}
.fwlc_section .ul{margin: -13px;width: calc(100% + 26px);display: flex;justify-content: flex-start;align-items: flex-start;flex-wrap: wrap;}
.fwlc_section .li{width: 25%;padding: 13px;}
.fwlc_section .ul .btbox{width: 100%;padding-left: 50px;padding-right: 50px;position: relative;}
.fwlc_section .ul .btbox img{width: 100%;display: block;}
.fwlc_section .ul .btbox .wordsbox{width: 100%;position: absolute;left: 0;top: 10%;padding: 0 50px;}
.fwlc_section .ul .btbox .num{font-size: 30px;color: #ffffff;line-height: 34px;margin-bottom: 14px;text-align: center;}
.fwlc_section .ul .btbox .wz1{font-size: 24px;color: #ffffff;line-height: 30px;text-align: center;}
.fwlc_section .ul .btbox .wz2{font-size: 18px;color: #ffffff;line-height: 22px;text-align: center;}
.fwlc_section .ul .dlbox{width: 100%;background: #ffffff;border-radius: 10px;padding: 70px 50px 50px 50px;margin-top: -50px;}
.fwlc_section .ul .dd{margin-bottom: 20px;}
.fwlc_section .ul .dd:last-child{margin-bottom: 0;}
.fwlc_section .ul .dd a{display: block;font-size: 18px;color: #ffffff;line-height: 26px;text-align: center;padding: 12px;background: #8AC2FD;border-radius: 10px;}
.fwlc_section .ul .dd a:hover{color: #fff;background: #1266ff;}
@media (max-width:1680px){
.fwlc_section .ul{margin: -10px;width: calc(100% + 20px);}
.fwlc_section .li{padding: 10px;}
.fwlc_section .ul .btbox{padding-left: 20px;padding-right: 20px;}
.fwlc_section .ul .btbox .wordsbox{top: 10%;padding: 0 20px;}
.fwlc_section .ul .btbox .num{font-size: 24px;line-height: 30px;margin-bottom: 10px;}
.fwlc_section .ul .btbox .wz1{font-size: 16px;line-height: 20px;}
.fwlc_section .ul .btbox .wz2{font-size: 14px;line-height: 20px;}
.fwlc_section .ul .dlbox{padding: 60px 30px 30px 30px;margin-top: -40px;}
.fwlc_section .ul .dd a{font-size: 16px;line-height: 22px;}
}
@media (max-width:1024px){
.fwlc_section{padding-top: 30px;padding-bottom: 30px;}
.fwlc_section .ul{margin: 0;width: 100%;}
.fwlc_section .li{width: 100%;padding: 0;margin-bottom: 20px;}
.fwlc_section .li:last-child{margin-bottom: 0;}
.fwlc_section .ul .btbox{padding-left: 0;padding-right: 0;width: 170px;margin: 0 auto;}
.fwlc_section .ul .btbox .wordsbox{top: 6%;padding: 0;}
.fwlc_section .ul .btbox .num{font-size: 18px;line-height: 24px;margin-bottom: 4px;}
.fwlc_section .ul .btbox .wz1{font-size: 14px;line-height: 18px;}
.fwlc_section .ul .btbox .wz2{font-size: 14px;line-height: 18px;}
.fwlc_section .ul .dlbox{padding: 40px 16px 16px 16px;margin-top: -30px;}
.fwlc_section .ul .dl{width: calc(100% + 12px);margin: -6px;display: flex;justify-content: flex-start;align-items: flex-start;flex-wrap: wrap;}
.fwlc_section .ul .dd{margin-bottom: 0;width: 50%;padding: 6px;}
.fwlc_section .ul .dd a{font-size: 14px;line-height: 18px;padding: 10px 24px;border-radius: 4px;}
}
/*关于我们*/
.gy_section1{width: 100%;padding-top: 100px;padding-bottom: 100px;}
.gy_section1 h2{font-size: 30px;color: #535353;line-height: 34px;}
.gy_section1 .h-about{margin-top: 22px;}
@media (max-width:1024px){
.gy_section1{padding-top: 30px;padding-bottom: 30px;}
.gy_section1 h2{font-size: 18px;line-height: 24px;}
.gy_section1 .h-about{margin-top: 14px;}
}
.gys_sectio2{width: 100%;padding-top: 100px;padding-bottom: 100px;background: #f4f4f4;}
.gys_sectio2 h3{font-size: 30px;color: #535353;line-height: 34px;margin-bottom: 24px;}
.gys_sectio2 .content{width: 100%;}
.gys_sectio2 .content ul{margin: -50px;width: calc(100% + 100px);display: flex;justify-content: flex-start;align-items: flex-start;flex-wrap: wrap;}
.gys_sectio2 .content li{width: 50%;padding: 50px;}
.gys_sectio2 .content a{display: block;width: 100%;padding: 56px 64px 72px 52px;border-radius: 10px;overflow: hidden;}
.gys_sectio2 .content a .bt{font-size: 30px;color: #ffffff;line-height: 34px;margin-bottom: 52px;}
.gys_sectio2 .content a .info{font-size: 18px;color: #ffffff;line-height: 22px;}
@media (max-width:1680px){
.gys_sectio2 .content ul{margin: -30px;width: calc(100% + 60px);}
.gys_sectio2 .content li{padding: 30px;}
.gys_sectio2 .content a{padding: 46px;}
.gys_sectio2 .content a .bt{margin-bottom: 40px;}
}
@media (max-width:1024px){
.gys_sectio2{padding-top: 30px;padding-bottom: 30px;}
.gys_sectio2 h3{font-size: 20px;line-height: 24px;margin-bottom: 20px;}
.gys_sectio2 .content ul{margin: 0;width: 100%;display: block;}
.gys_sectio2 .content li{width: 100%;padding: 0;margin-bottom: 12px;}
.gys_sectio2 .content li:last-child{margin-bottom: 0;}
.gys_sectio2 .content a{padding: 20px;}
.gys_sectio2 .content a .bt{font-size: 18px;line-height: 24px;margin-bottom: 8px;}
.gys_sectio2 .content a .info{font-size: 14px;line-height: 20px;}
}
.gys_sectio3{width: 100%;padding-top: 100px;padding-bottom: 126px;overflow: hidden;}
.gys_sectio3 .btbox{width: 100%;display: flex;justify-content: space-between;align-items: center;margin-bottom: 106px;}
.gys_sectio3 .btbox h4{font-size: 30px;color: #ffffff;line-height: 34px;}
.gys_sectio3 .btbox .qh_btn{display: flex;justify-content: flex-start;align-items: flex-start;}
.gys_sectio3 .btbox .btns{position: static;transform: translate(0,0);margin-top: 0;margin-right: 10px;width: 50px;background: url()!important;}
.gys_sectio3 .btbox .btns:last-child{margin-right: 0;}
.gys_sectio3 .btbox .btns img{width: 100%;display: block;}
.gys_sectio3 .btbox .btns:hover{opacity: 0.8;}
.gys_sectio3 .content{width: 100%;}
.gys_sectio3 .content ul{margin: 0 -24px;width: calc(100% + 48px);position: relative;}
.gys_sectio3 .content ul::after{content: "";display: block;width: 10000px;height: 6px;background: rgba(255,255,255,0.6);position: absolute;left: 50%;transform: translate(-50%,0);top: 144px;}
.gys_sectio3 .content li{padding: 0 24px;}
.gys_sectio3 .content .year{font-size: 30px;color: #ffffff;line-height: 34px;margin-bottom: 140px;font-weight: bold;position: relative;}
.gys_sectio3 .content .year::after{content: "";display: block;width: 1px;height: 100px;position: absolute;left: 0;top: 44px;background: rgba(255,255,255,0.6);}
.gys_sectio3 .content .dl{width: 100%;}
.gys_sectio3 .content .dd{font-size: 20px;color: #ffffff;line-height: 24px;margin-bottom: 12px;}
.gys_sectio3 .content .dd:last-child{margin-bottom: 0;}
@media (max-width:1024px){
.gys_sectio3{padding-top: 30px;padding-bottom: 30px;}
.gys_sectio3 .btbox{margin-bottom: 20px;}
.gys_sectio3 .btbox h4{font-size: 18px;line-height: 24px;}
.gys_sectio3 .btbox .btns{width: 36px;}
.gys_sectio3 .content ul{margin: 0 -6px;width: calc(100% + 12px);}
.gys_sectio3 .content ul::after{height: 4px;top: 60px;}
.gys_sectio3 .content li{padding: 0 6px;}
.gys_sectio3 .content .year{font-size: 20px;line-height: 24px;margin-bottom: 50px;}
.gys_sectio3 .content .year::after{height: 30px;top: 30px;}
.gys_sectio3 .content .dd{font-size: 12px;line-height: 20px;margin-bottom: 8px;}
}
.gy_section4{width: 100%;padding-top: 100px;padding-bottom: 100px;}
.gy_section4 h5{font-size: 30px;color: #545454;line-height: 34px;}
.gy_section4 .honorary0{margin-top: 26px;}
@media (max-width:1024px){
.gy_section4{padding-top: 30px;padding-bottom: 30px;}
.gy_section4 h5{font-size: 18px;line-height: 24px;}
.gy_section4 .honorary0{margin-top: 20px;}
}
/*联系我们*/
.lxwm_section1{width: 100%;padding-top: 100px;padding-bottom: 100px;background: #f4f4f4;}
.lxwm_section1 .content{width: 100%;}
.lxwm_section1 .content ul{margin: -13px;width: calc(100% + 26px);display: flex;justify-content: flex-start;align-items: flex-start;flex-wrap: wrap;}
.lxwm_section1 .content li{width: 25%;padding: 13px;}
.lxwm_section1 .content a{display: block;width: 100%;background: #ffffff;border-radius: 10px;padding: 24px 12px;}
.lxwm_section1 .content .ico{width: 54px;margin: 0 auto 14px auto;display: block;
transition: All 0.3s ease-in-out;
-webkit-transition: All 0.3s ease-in-out;
-moz-transition: All 0.3s ease-in-out;
-o-transition: All 0.3s ease-in-out;}
.lxwm_section1 .content a:hover .ico{transform: rotateY(180deg);}
.lxwm_section1 .content .bt{font-size: 24px;color: #000000;line-height: 30px;text-align: center;margin-bottom: 10px;}
.lxwm_section1 .content .info{font-size: 18px;color: #000000;line-height: 24px;text-align: center;}
@media (max-width:1024px){
.lxwm_section1{padding-top: 30px;padding-bottom: 30px;}
.lxwm_section1 .content ul{margin: 0;width: 100%;}
.lxwm_section1 .content li{width: 100%;padding: 0;margin-bottom: 12px;}
.lxwm_section1 .content li:last-child{margin-bottom: 0;}
.lxwm_section1 .content a{padding: 12px;}
.lxwm_section1 .content a .libox{display: flex;justify-content: flex-start;align-items: flex-start;}
.lxwm_section1 .content .ico{width: 32px;margin: 0;}
.lxwm_section1 .content .wzbox{width: calc(100% - 32px);padding-left: 12px;}
.lxwm_section1 .content .bt{font-size: 16px;line-height: 20px;margin-bottom: 6px;text-align: left;}
.lxwm_section1 .content .info{font-size: 14px;line-height: 20px;text-align: left;}
}
.lxwm_section2{width: 100%;padding-top: 40px;padding-bottom: 50px;}
.lxwm_section2 .content{width: 100%;display: flex;justify-content: space-between;align-items: flex-end;}
.lxwm_section2 .content .left{padding: 0 0 110px 70px;}
.lxwm_section2 .content .left img{height: 70px;display: block;}
.lxwm_section2 .content .right{width: 560px;padding: 26px 50px 40px 50px;background: #ffffff;border-radius: 10px;box-shadow: 0 0 20px rgba(0,0,0,0.1);}
.lxwm_section2 .content h3{font-size: 34px;color: #000000;line-height: 38px;margin-bottom: 22px;}
.lxwm_section2 .content ul{width: 100%;}
.lxwm_section2 .content li{margin-bottom: 20px;}
.lxwm_section2 .content li:last-child{margin-bottom: 0;}
.lxwm_section2 .content input{width: 100%;display: block;font-size: 18px;color: #000;padding: 0 22px;background: #f4f4f4;border-radius: 10px;height: 50px;}
.lxwm_section2 .content input::-webkit-input-placeholder{font-size: 18px;color: #999;opacity: 1;}
.lxwm_section2 .content input::-moz-placeholder{font-size: 18px;color: #999;opacity: 1;}
.lxwm_section2 .content input::moz-placeholder{font-size: 18px;color: #999;opacity: 1;}
.lxwm_section2 .content input:-ms-input-placeholder{font-size: 18px;color: #999;opacity: 1;}
.lxwm_section2 .content textarea{width: 100%;height: px;display: block;font-size: 18px;color: #000;background: #f4f4f4;border-radius: 10px;height: 100px;padding: 12px 22px;}
.lxwm_section2 .content textarea::-webkit-input-placeholder{font-size: 18px;color: #999;opacity: 1;}
.lxwm_section2 .content textarea::-moz-placeholder{font-size: 18px;color: #999;opacity: 1;}
.lxwm_section2 .content textarea::moz-placeholder{font-size: 18px;color: #999;opacity: 1;}
.lxwm_section2 .content textarea:-ms-input-placeholder{font-size: 18px;color: #999;opacity: 1;}
.lxwm_section2 .content .yzm{width: 100%;display: flex;justify-content: space-between;align-items: flex-start;}
.lxwm_section2 .content .yzm input{width: calc(100% - 160px);}
.lxwm_section2 .content .yzm img{width: 150px;height: 50px;display: block;border-radius: 10px;cursor: pointer;}
.lxwm_section2 .content .btn{width: 100%;display: flex;justify-content: flex-start;align-items: center;}
.lxwm_section2 .content .btn a{display: block;width: 150px;display: flex;justify-content: center;align-items: center;background: #397efc;border-radius: 10px;overflow: hidden;}
.lxwm_section2 .content .btn a:hover{background: #fff;box-shadow: 0 0 20px rgba(0,0,0,0.1);}
.lxwm_section2 .content .btn a .wz{font-size: 18px;color: #ffffff;line-height: 50px;margin-right: 10px;}
.lxwm_section2 .content .btn a:hover .wz{color: #1266ff;}
.lxwm_section2 .content .btn a img{width: 20px;display: block;}
.lxwm_section2 .content .btn a .ico2{display: none;}
.lxwm_section2 .content .btn a:hover .ico1{display: none;}
.lxwm_section2 .content .btn a:hover .ico2{display: block;}
.lxwm_section2 .content .btn .jj{font-size: 16px;color: #525252;line-height: 24px;width: calc(100% - 150px);padding-left: 26px;}
@media (max-width:1024px){
.lxwm_section2{padding-top: 30px;padding-bottom: 30px;background: url()!important;}
.lxwm_section2 .content{display: block;}
.lxwm_section2 .content .left{padding: 0;margin-bottom: 20px;}
.lxwm_section2 .content .left .ba_pic img{width: 100%;display: block;height: auto;position: static;}
.lxwm_section2 .content .right{width: 100%;padding: 12px;}
.lxwm_section2 .content h3{font-size: 18px;line-height: 24px;margin-bottom: 12px;}
.lxwm_section2 .content li{margin-bottom: 12px;}
.lxwm_section2 .content input{width: 100%;font-size: 14px;padding: 0 12px;height: 40px;}
.lxwm_section2 .content input::-webkit-input-placeholder{font-size: 14px;}
.lxwm_section2 .content input::-moz-placeholder{font-size: 14px;}
.lxwm_section2 .content input::moz-placeholder{font-size: 14px;}
.lxwm_section2 .content input:-ms-input-placeholder{font-size: 14px;}
.lxwm_section2 .content textarea{font-size: 14px;padding: 8px 12px;}
.lxwm_section2 .content textarea::-webkit-input-placeholder{font-size: 14px;}
.lxwm_section2 .content textarea::-moz-placeholder{font-size: 14px;}
.lxwm_section2 .content textarea::moz-placeholder{font-size: 14px;}
.lxwm_section2 .content textarea:-ms-input-placeholder{font-size: 14px;}
.lxwm_section2 .content .yzm input{width: calc(100% - 100px);}
.lxwm_section2 .content .yzm img{width: 90px;height: 40px;}
.lxwm_section2 .content .btn a{width: 100px;}
.lxwm_section2 .content .btn a .wz{font-size: 14px;line-height: 40px;margin-right: 8px;}
.lxwm_section2 .content .btn a img{width: 16px;}
.lxwm_section2 .content .btn .jj{font-size: 14px;line-height: 20px;width: calc(100% - 100px);padding-left: 10px;}
}
.pagecon{width: 100%;padding-top: 50px;padding-bottom: 50px;overflow: hidden;}
.pagecon .cont{width: 100%;font-size: 18px;color: #545454;line-height: 24px;}
.pagecon .cont img{max-width: 100%;}
@media (max-width:1024px){
.pagecon{padding: 0!important;}
.pagecon .cont{font-size: 14px;line-height: 20px; padding: 20px 15px;}
}
/*20240614start*/
.layout35 {
padding: 100px 70px 100px 70px;
overflow: hidden;
}
@media screen and (max-width:1024px) {
.layout35 {
padding: 30px 15px 30px 15px;
}
}
.layout35 .page_section{margin-top: 40px;float: left;}
@media screen and (max-width:1024px) {
.layout35 .page_section{margin-top: 20px;float: left;}
}
._basis10-39_bg{width: 100%;margin-bottom: 40px;}
._basis10-39 p {
text-align: center;
font-size: 40px;
font-weight: 700;
line-height: 48px;
color: #1266ff;
border: 0px solid #fff;
}
@media screen and (max-width:1024px) {
._basis10-39_bg{width: 100%;margin-bottom: 20px;}
._basis10-39 p {
text-align: center;
font-size: 18px;
font-weight: 700;
line-height: 24px;
}
}
._basis11 .ctext{padding: 0!important;}
._basis11 {
width: 100%;
float: left;
}
._basis11 .ctext {
width: 100%;
float: left;
}
._basis11 .ctext .wz {
font-size: 16px;
height: 60px;
line-height: 60px;
background: #CCCCCC;
color: #333;
overflow: hidden;
width: 100%;
float: left;
cursor: pointer;
border-radius: 8px;
}
._basis11 .ctext .wz .bt {
float: left;
width: 19%;
text-align: center;
font-weight: bold;
}
._basis11 .ctext .wz .bt1 {
text-align: left;
padding-left: 35px;
}
._basis11 .ctext .l1 {
width: 100%;
float: left;
margin-top: 10px;
}
._basis11 .ctext .u1 .tit {
font-size: 16px;
color: rgba(0, 0, 0, 1);
line-height: 30px;
padding-top: 15px;padding-bottom: 15px;
background: #EEEEEE;
overflow: hidden;
width: 100%;
float: left;
cursor: pointer;
border-radius: 8px;
}
._basis11 .ctext .u1 .tit .bt {
float: left;
width: 19%;
text-align: center;
overflow:hidden;text-overflow:ellipsis;display:-webkit-box; -webkit-box-orient:vertical;-webkit-line-clamp:2;
}
._basis11 .ctext .u1 .tit .bt1 {
text-align: left;
padding-left: 35px;
}
._basis11 .ctext .u1 .tit .more {
float: left;
width: 5%;
height: 30px;
border-left: 1px solid #fff;
position: relative;
}
._basis11 .ctext .u1 .tit .more::before {
content: "";
display: block;
width: 20px;
height: 1px;
background: #1266ff;
position: absolute;
top: 50%;
left: 50%;
margin-top: -0.5px;
margin-left: -10px;
}
._basis11 .ctext .u1 .tit .more::after {
content: "";
display: block;
width: 1px;
height: 20px;
background: #1266ff;
position: absolute;
top: 50%;
left: 50%;
margin-top: -10px;
margin-left: -0.5px;
}
._basis11 .ctext .u1 .tit.active {
color: rgba(255, 255, 255, 1);
background: #1266ff;
}
._basis11 .ctext .u1 .tit.active .more::before {
background: rgba(255, 255, 255, 1);
}
._basis11 .ctext .u1 .tit.active .more::after {
display: none;
}
._basis11 .ctext .box {
display: none;
width: 100%;
float: left;
background: #fbfbfb;
padding: 45px 50px;
}
._basis11 .ctext .box .left {
float: left;
width: 40%;
}
._basis11 .ctext .box .right {
padding-left: 7%;
float: right;
width: 51%;
position: relative;
}
._basis11 .ctext .box .right::before {
content: "";
width: 1px;
height: 100%;
position: absolute;
left: 0;
top: 0;
background: #f0f4f9;
}
._basis11 .ctext .box .p1 {
font-size: 16px;
color: rgba(126, 126, 126, 1);
font-weight: 600;
margin-bottom: 10px;
}
._basis11 .ctext .box .p2 {
font-size: 16px;
color: rgba(126, 126, 126, 1);
line-height: 30px;
/*white-space: pre-wrap;*/
}
._basis11 .ctext .box .but {
width: 100%;
float: left;
}
._basis11 .ctext .box .sq {
display: block;
width: 133px;
height: 34px;
margin: 70px 0px 0px 0px;
position: relative;
}
._basis11 .ctext .box .sq::before {
content: "";
display: block;
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
background: #1266ff;
transition: All 0.3s ease-in-out;
-webkit-transition: All 0.3s ease-in-out;
-moz-transition: All 0.3s ease-in-out;
-o-transition: All 0.3s ease-in-out;
}
._basis11 .ctext .box .sq::after {
content: "申请职位";
display: block;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
font-size: 15px;
color: #fff;
text-align: center;
display: flex;
align-items: center;
justify-content: center;
}
._basis11 .ctext .box .sq:hover::before {
background: #2fb746;
}
@media screen and (max-width:1024px) {
._basis11 .ctext .wz {
font-size: 14px;
height: 40px;
line-height: 40px;
}
._basis11 .ctext .wz .bt {
width: 24%;
}
._basis11 .ctext .wz .bt1 {
padding-left: 12px;
}
._basis11 .ctext .u1 .tit {
font-size: 14px;
line-height: 20px;
padding-top: 10px;padding-bottom: 10px;
height: auto;
position: relative;
}
._basis11 .ctext .u1 .tit .bt {
width: 24%;overflow:hidden;text-overflow:ellipsis;display:-webkit-box; -webkit-box-orient:vertical;-webkit-line-clamp:2;
}
._basis11 .ctext .u1 .tit .bt:nth-child(4){padding: 0 14px;}
._basis11 .ctext .u1 .tit .bt1 {
padding-left: 12px;
}
._basis11 .ctext .u1 .tit .bt6 {
width: 22%;
display: none;
}
._basis11 .ctext .u1 .tit .more {
height: 20px;position: absolute;right: 10px;
}
._basis11 .ctext .u1 .tit .more::before {
width: 10px;
height: 2px;
margin-left: -5px;
margin-top: -1px;
}
._basis11 .ctext .u1 .tit .more::after {
width: 2px;
height: 10px;
margin-top: -5px;
margin-left: -1px;
}
._basis11 .ctext .box {
padding: 12px;
}
._basis11 .ctext .box .left {
width: 100%;
}
._basis11 .ctext .box .right {
border-top: 1px solid #e7e7e7;
border-left: 0;
padding-left: 0;
padding-top: 10px;
margin-top: 10px;
width: 100%;
}
._basis11 .ctext .box .right::before {
display: none;
}
._basis11 .ctext .box .sq {
margin-top: 14px;
margin-left: 0;
}
._basis11 .ctext .box .p1 {
font-size: 14px;
margin-bottom: 10px;
color: #555;
font-weight: 700;
}
._basis11 .ctext .box .p2 {
font-size: 14px;
line-height: 24px;
}
._basis11 .ctext .l1 {
margin-top: 7px;
}
._basis11 .time {
display: none;
}
}
.layout35 .page_section .pcpage a{box-shadow: 0 0 10px rgba(0,0,0,0.06);}
.layout35 .page_section .wappage a{box-shadow: 0 0 10px rgba(0,0,0,0.06);}
/*20240614end*/
/*20240812start*/
.cpxq_section1 .content .left{padding-top:0;}
.cpxq_section1 .content .left .qh_tbox{margin-bottom:20px;}
.cpxq_section1 .content .left .qh_tbox .pic{ padding-bottom: 85.2%; position: relative; overflow: hidden;}
.cpxq_section1 .content .left .qh_tbox .pic img{ width: 100%; position: absolute; left: 50%; top: 50%; min-height: 100%;
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);}
.cpxq_section1 .content .left .qh_tbox img{width:100%;display:block;}
.cpxq_section1 .content .left .qh_bbox{width:100%;padding-left:74px;padding-right:74px;}
.cpxq_section1 .content .left .qh_bbox .qh_b{margin:0 -10px;width:calc(100% + 20px);}
.cpxq_section1 .content .left .qh_bbox .qh_b li{padding:0 10px}
.cpxq_section1 .content .left .qh_bbox a{border:2px solid rgba(255,255,255,0);display:block;}
.cpxq_section1 .content .left .qh_bbox .pic{ padding-bottom: 85.2%; position: relative; overflow: hidden;}
.cpxq_section1 .content .left .qh_bbox .pic img{ width: 100%; position: absolute; left: 50%; top: 50%; min-height: 100%;
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);}
.cpxq_section1 .content .left .qh_bbox .slick-current a{border-color:#1266ff;}
.cpxq_section1 .content .left .qh_bbox img{width:100%;display:block;}
.cpxq_section1 .content .left .qh_bbox .slick-prev{left:-64px;
-webkit-transform: rotate(180deg);
-moz-transform: rotate(180deg);
-ms-transform: rotate(180deg);
-o-transform: rotate(180deg);
transform: rotate(180deg);}
.cpxq_section1 .content .left .qh_bbox .slick-next{right:-64px;}
@media screen and (max-width:1024px) {
.cpxq_section1 .content .left .qh_tbox{margin-bottom:14px;}
.cpxq_section1 .content .left .qh_bbox{padding-left:0;padding-right:0;}
.cpxq_section1 .content .left .qh_bbox .qh_b{margin:0 -6px;width:calc(100% + 12px);}
.cpxq_section1 .content .left .qh_bbox .qh_b li{padding:0 6px}
}
/*20240812end*/