/***************
-------首页------
****************/
.IndZL{padding:28px 0;}
.IndZLa{position:relative;overflow:hidden; width:348px; height:165px; color:#FFF; padding:0 40px;align-content:center; background-position: right center; background-size:auto 121px; background-repeat: no-repeat;}
.IndZLa1{ background-color:#2c87fb;}
.IndZLa2{ background-color:#96acc6;}
.IndZLa3{ background-color:#476581;}
.IndZLa h3{ width:100%; font-size: 26px; line-height:32px; font-weight:700; margin-bottom:14px;}
.IndZLa .hdI{position:absolute;top:50%;transform: translateY(-50%);width: 226px;right:-66px;}
.IndZLa p{ line-height:20px; font-size: 16px;}
.IndZLa img{ width: 20px; display: block; margin-left: 6px;}
.IndZLN{width:310px;}
.IndZLNa{ width:100%; padding:0 35px; height: 80px; background:#cfdee6;}
.IndZLNa:first-child{margin-bottom:5px;}
.IndZLNa h2{ font-size: 24px; line-height:30px; color:#2e2e2e;font-weight:700;}
.IndZLNa img{ width: 21px; display: block;}

.IndPor{background:#eee; padding:0 0 20px;}
.IndPorK{}
.IndPorT{ font-size:40px; color:#2a2a2a; line-height:120px;}
.IndPora{ width:456px; display: block; position: relative; border-top:4px solid #2c87fb; background:#FFF; margin-left: 16px; margin-bottom: 25px;}
.IndPora:nth-child(3n+1),.IndPora:nth-child(1){ margin-left:0;}
.IndPoraI{width:100%; height:456px; overflow:hidden;display:-webkit-box;display: -ms-flexbox;display:flex;align-items:center; flex-wrap:wrap;}
.IndPoraI img{width:100%; display: block;margin:auto}
.IndPoraH{width:100%; padding:0 8px; height: 50px;  background:#e7eff9;}
.IndPoraH p{ font-size:24px; line-height:30px; color:#252525;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
@media only screen and (max-width:1600px){
.IndZL{padding:24px 0;}
.IndZLa{ width:300px; height:145px;padding:0 32px;background-size:auto 100px;}
.IndZLa h3{font-size: 22px; line-height:28px;margin-bottom:10px;}
.IndZLa .hdI{width: 190px;right: -56px;}
.IndZLa p{ line-height:20px; font-size: 14px;}
.IndZLa img{ width:16px; margin-left: 6px;}
.IndZLN{width:276px;}
.IndZLNa{padding:0 28px; height:70px;}
.IndZLNa:first-child{margin-bottom:5px;}
.IndZLNa h2{ font-size: 20px; line-height:30px;}
.IndZLNa img{ width:19px;}
.IndPor{ padding:0 0 15px;}
.IndPorT{ font-size:32px;line-height:100px;} 
.IndPora{ width:390px;margin-left: 15px; margin-bottom: 20px;}
.IndPora:nth-child(4n+1){}
.IndPoraI{width:100%; height:390px;}
.IndPoraH{padding:0 8px; height:45px;}
.IndPoraH p{ font-size:20px; line-height:26px;}
}
/*
display:flex;justify-content:space-between;align-items:center; flex-wrap:wrap;align-content:center
|flex-start|flex-end|center|space-between|space-around

overflow: hidden;text-overflow:ellipsis;white-space: nowrap;
display:-webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;

left:0;top:50%;transform: translate(0,-50%);

transition:0.5s;
.IndEnvT:before,.IndEnvT:after{display:block;content:'';position: absolute;}
*/
/***************
-----联系我们-----
****************/
/*banner*/
.conban{position: relative;height:602px; margin-top: 25px;}
.conban .swiper-slide{ position: relative;}
.conbanI{width:100%; height:602px; overflow: hidden;}
.conbanI img{width:100%; display: block;}
.conban .swiper-pagination-bullet{border:1px solid #434343;background:none; opacity: 1; border-radius:50%; height:10px;width:10px;}
.conban .swiper-pagination-bullet-active {background:#2c87fb;border:1px solid #2c87fb;}
.conban .swiper-pagination-bullets {bottom:15px;}
.conban .swiper-pagination-bullets .swiper-pagination-bullet{margin: 0 3px;}
.conban1{ padding:75px 0 0;width:100%;height:100%; position: absolute;top:0; left:0; color:#FFF;}
.conban1T{ width:100%; text-align: center;}
.conban1T p{ font-size: 28px; line-height:38px; margin-bottom:10px;}
.conban1T h3{ font-size:46px; line-height:60px; font-weight:700;}
.conban1K{width:1200px; margin:60px auto 0;}
.conban1N{ width:145px; margin:0 25px 40px; position: relative; color:#FFF;}
.conban1N img{width:100%; display: block;}
.conban1N p{text-align:center; font-size: 20px;width:100%;left:0;top:24px; line-height:26px; position: absolute;}
.conban2{text-align:center;color:#212121; padding:110px 40px 0; width:100%; position: absolute;top:0; left:0;}
.conban2 h3{ font-size: 48px; line-height:60px; margin-bottom:20px;}
.conban2 p{ font-size:24px;  line-height:30px;}
.conban3{align-content:center;padding:0 85px; width:100%;height:100%; position: absolute;top:0; left:0;}
.conban3N{width:100%; }
.conban3N h3{ font-size:62px; font-weight:700; line-height:90px;color:#2a2a2a; margin-bottom: 5px;}
.conban3N p{font-size: 24px; color:#3e3e3e; line-height:30px;}
.conban3K{ margin-top:50px;}
.conban3S{ width:120px; height:148px; border-radius:10px; border:1px solid #797979; margin-right:30px;align-content:center}
.conban3S img{ width:42px; display: block; margin:0 auto 8px;}
.conban3S p{ width:100%; text-align: center; font-size: 16px; line-height:20px; color:#303030;}
/*联系我们*/
.conUs{}
.conUsN{ width:444px; height:279px; position: relative;margin-bottom:30px;}
.conUsI{width:100%; display: block;}
.conUsI img{width:100%; display: block;}
.conUsP{ padding:0 40px 30px; position: absolute; left:0; bottom:0; width:100%; color:#FFF;}
.conUsP h3{ font-size:34px; line-height:50px; margin-bottom:10px;}
.conUsP p{ font-size:20px; line-height: 32px;height:64px;}
.conMa{padding:55px 0 60px; background: linear-gradient(to right,#e8f2f8,#f6fafc,#e8f2f8); margin-bottom: 30px;}
.conMaN{ width:294px;margin-bottom:30px;}
.conMaI{width:214px; height:214px; padding:14px; background:#e7f6ff; border-radius: 10px; margin:0 auto 10px;}
.conMaI span{width:100%; height: 100%; background:#FFF; display: block; border-radius:6px; overflow: auto;}
.conMaI img{width:100%; display: block;}
.conMaP{ width:186px; margin:0 auto; color:#4f4f4f;}
.conMaP h3{ font-size: 24px;align-items:baseline; line-height:24px;color:#343434;}
.conMaP h3 span{ font-size:16px; line-height:18px;}
.conMaP p{font-size:16px; line-height:18px; margin-top:10px;}
@media only screen and (max-width:1600px){
/*banner*/
.conban{height:516px; margin-top: 22px;}
.conbanI{height:516px}
.conban1{ padding:60px 0 0;}
.conban1T p{ font-size: 24px; line-height:32px; margin-bottom:8px;height:52px;}
.conban1T h3{ font-size:40px; line-height:50px;}
.conban1K{width:1100px; margin:50px auto 0;}
.conban1N{ width:130px; margin:0 18px 30px;}
.conban1N p{font-size:18px;top:20px; line-height:22px;}
.conban2{padding:90px 30px 0;}
.conban2 h3{ font-size: 42px; line-height:50px; margin-bottom:15px;}
.conban2 p{ font-size:20px;  line-height:26px;}
.conban3{padding:0 70px;}
.conban3N h3{ font-size:54px;line-height:70px; margin-bottom: 5px;}
.conban3N p{font-size: 20px;line-height:30px;}
.conban3K{ margin-top:40px;}
.conban3S{ width:110px; height:130px; border-radius:8px;margin-right:25px;}
.conban3S img{ width:36px;margin:0 auto 8px;}
.conban3S p{font-size: 14px; line-height:18px;}
/*联系我们*/
.conUs{ }
.conUsN{ width:384px; height:241px;margin-bottom:25px;}
.conUsP{ padding:0 30px 20px;}
.conUsP h3{ font-size:28px; line-height:42px; margin-bottom:10px;}
.conUsP p{ font-size:17px; line-height:26px;}
.conMa{padding:50px 0 55px;margin-bottom: 25px;}
.conMaN{ width:260px;}
.conMaI{width:180px; height:180px; padding:10px;}
.conMaP{ width:160px;}
.conMaP h3{ font-size: 20px; line-height:20px;}
.conMaP h3 span{ font-size:14px; line-height:18px;}
.conMaP p{font-size:14px; line-height:18px; margin-top:6px;}
}

/*详情*/
.hide{display: none;}
.DeTop{background-position: center;background-repeat: no-repeat;background-size: auto 100%;height: 205px;position:relative;}
.DeTop a{position: absolute;
    top: 10%;
    left: 2%;
    font-size: 20px;
    color: #fff;
    font-weight: 600;}
.DeTopT{text-align: center;padding-top: 70px;color: #fff;}
.DeTopT h2{font-size: 35px;font-weight: 600;line-height: 45px;}
.DeTopT .mbx{margin-top: 14px;}
.DeTopT .mbx li{line-height: 24px;margin:0 2px;}
.DeTopT .mbx li a{color: #fff;line-height: 24px;font-size: 14px;}
.DeTopT .mbx li a:hover{color: #1d2088;transition: 0.5s}
.DeDesc{margin: 30px auto 0;width:1300px;}
.DeDesc .Deban{margin:0}
.Deban{height: 598px;width: 46%;margin: 0;}
.Deban .prev:after,.Deban .next:after{font-size: 24px;}
.Deban img{width: 100%;}
.DeInfo{width: 46%;}
.DeInfo-title{padding-top: 6px;height:113px; border-bottom: 1px solid #dcdcdc;}
.DeInfo-title h2{color: #373737;font-size: 30px;line-height: 44px;font-weight: 600;}
.DeInfo-list{padding-top: 48px;padding-bottom: 20px;border-bottom: 1px solid #dcdcdc;}
.DeInfo-list li{margin-bottom: 31px;}
.DeInfo-list li .li-item-con{font-size: 18px;color: #373737;padding-left: 30px;width:100%;line-height:26px;background-image: url(../../wap/images/icon/zs.png);background-repeat: no-repeat;background-position: 0 8px;}
.DeInfo-list li span{width: 12px;height: 12px;overflow: hidden;}
.DeInfo-list li span img{width: 100%;height: 100%;}
.DeZL{margin-top: 35px;height: 106px;width:48%;background-image: linear-gradient(to right, #f4f9ff, #fdfeff);position: relative;}
.DeGo{width: 142px;height: 42px;background-color: #587fb0;border-radius: 6px;text-align: center;line-height: 42px;font-size: 18px;position: absolute;bottom: 14px;right: 17px;transition: 0.3s;}
.DeGo a{display: block; color: #fff;}
.DeGo:hover{background-color: #42628b;transition: 0.3s;}
.DeZLT{padding-top: 21px;padding-left: 11px;}
.DeZLT h3{font-size: 20px;color: #3e3e3e;line-height: 28px;margin-bottom: 11px;font-weight: 600}
.DeZLT a{font-size: 24px;color: #2c87fb;line-height: 34px;text-decoration: underline;width: 70%;display: block;overflow: hidden;text-overflow: ellipsis; white-space: nowrap;}
.shop{background-image: none;}
.shop .DeZLT{padding-left: 0;}
.shop .DeZLT span{font-size: 50px;color: #2c87fb;line-height: 50px;font-weight: 600}
.shop a{width: 224px;height: 70px;background-color: #2c87fb;border-radius: 10px;text-align: center;color: #fff;line-height: 70px;font-size: 28px;font-weight: 600;margin-top: 31px;transition: 0.3s;}
.shop a:hover{background-color: #2570d1;transition: 0.3s;}

.DeContent{margin: 88px auto 90px;width:1300px;}
.DeCtitle{width: 276px;height: 72px;padding-left: 62px;line-height: 72px;font-size: 30px;color: #fff; background-image: url(../images/icon/DeZs.png);background-repeat: no-repeat;background-position: center;background-size: cover;}
.DeImgB{width: 100%;margin:30px auto 0;}
.DeImgB img{width: 100%;margin:0 auto}

@media only screen and (max-width:1600px){
.DeTop{height: 160px;}
.DeTopT{padding-top: 50px;}
.DeTopT h2{line-height: 38px;font-size: 30px;}
.DeTopT .mbx{margin-top: 10px;}
.Deban{height: 552px;}
.DeInfo-title{padding-top: 3px;height: 70px;}
.DeInfo-title h2{font-size: 22px;line-height: 32px;}
.DeInfo-list{padding-top: 34px;padding-bottom: 16px;}
.DeInfo-list li{margin-bottom: 30px;}
.DeInfo-list li span{width: 10px;height: 10px;}
.DeInfo-list li .li-item-con{font-size: 16px;background-position: 0 8px;}
.DeDesc{width:1200px;}
.DeZL{height: 86px;}
.DeZLT{padding-top: 16px;}
.DeZLT h3{font-size: 18px;line-height: 24px;margin-bottom: 8px;}
.DeZLT a{font-size: 22px;line-height: 24px;}
.DeGo{width: 122px;height: 36px;line-height: 36px;font-size: 16px;}
.shop .DeZLT span{font-size: 40px;line-height: 40px;}
.shop a{width: 184px;height: 60px;line-height: 60px;font-size: 24px;margin-top: 26px;}
.DeContent{width:1200px;}
.DeCtitle{width: 256px;height: 62px;padding-left: 52px;line-height: 62px;font-size: 24px;}
.DeImgB{width: 100%;}
}
















/*
display:flex;justify-content:space-between;align-items:center; flex-wrap:wrap;align-content:center
|flex-start|flex-end|center|space-between|space-around

overflow: hidden;text-overflow:ellipsis;white-space: nowrap;
display:-webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;

left:0;top:50%;transform: translate(0,-50%);

transition:0.5s;
.IndEnvT:before,.IndEnvT:after{display:block;content:'';position: absolute;}
*/