.main1 .slick-dots{position: absolute;z-index: 5;bottom: 20px;left: 50%;transform: translateX(-50%);padding-left: 40px;}
.main1 .slick-dots li{text-indent: -999rem;width: 40px;height: 5px;position: relative;display: inline-block;background: rgba(999,999,999,0.2);margin: 0 5px;}
.main1 .slick-dots li::before{content: "";width: 0;height: 100%;background: #fff;;position:absolute;left: 0;}
.main1 .slick-dots li.slick-active::before{width: 100%;transition: width 5.5s}
.main1 .slick-dots li button{display: block;text-indent: -999rem;}
.main1 .slide img{/* height:100%; */display: block!important;}
.main1 .slide div{height:100%;}
.main1>p{position: absolute;color: #fff;bottom: 31px;z-index: 1;color: #9a9a9a;}
.main1>p span{color:#fff;}
.main1{position: relative;}
.main1 .slide img.w700v{display: none!important;}

.main2 .box{margin-top:-5px}
.main2 .box li{float: left;width: 20%;}
.main2 .box li a{display:block;width:100%;color: #fff;position: relative;overflow: hidden;min-height: 150px;}
.main2 .box li a:hover>img{transform:scale(1.2);}
.main2 .box li a>img{display: block;width:100%;z-index: -1;transition:transform 0.5s;min-height: 150px;}
.main2 .box li div{position: absolute;top: 50%;transform: translateY(-50%);padding: 0 20px;width: 100%;}
.main2 .box li div h1{font-size: 25px;height: 70px;}
.main2 .box li div p,.main2 .box li div span{font-size: 14px;}
.main2 .box li div span img{margin-left:7px;vertical-align:middle;margin-top:-2px}
.main2 .gl_wrap{background: url(../img/main/main2.jpg)no-repeat center;padding: 85px 0;margin-top: -2px;}
.main2 .gl_wrap .tabpanel a.gl{display: inline-block;background: #fff;width: calc(25% - 25px);margin-right: 30px;position: relative;background: #fff;padding-top: 19%;z-index: 9;overflow: hidden;}
.main2 .gl_wrap .tabpanel a.gl img{width:100%;position: absolute;top: 0;z-index: -1;}
.main2 .gl_wrap .tabpanel a.gl div{padding: 20px;background: #ffffff;}
.main2 .gl_wrap .tabpanel a.gl div h1{font-size: 22px;display: -webkit-box;overflow: hidden;text-overflow: ellipsis;-webkit-box-orient: vertical;-webkit-line-clamp: 2;margin-bottom: 17px;font-weight: 500;}
.main2 .gl_wrap .tabpanel a.gl div p{height: 73px;display: -webkit-box;overflow: hidden;text-overflow: ellipsis;-webkit-box-orient: vertical;-webkit-line-clamp: 3;opacity: 0.7;}
.main2 .gl_wrap .tabpanel a.gl div span{display:block;border-top: 1px solid #777;opacity: 0.8;padding-top: 15px;margin-top: 15px;}
.main2 .gl_wrap .tabpanel a.gl:last-child{margin-right:0;}
.main2 .gl_wrap .tabpanel_wrap{display: inline-block;}
.main2 .gl_wrap .tabpanel_wrap .tabpanel{/* width: 1056px; */}
.main2 .gl_wrap .btn{display: block;position: relative;vertical-align: top;padding: 29px 0;text-align: left;}
.main2 .gl_wrap .btn .com_tab{width:auto;border: 0;margin: 0;margin-bottom: 40px;float: right;margin-right: 171px;}
.main2 .gl_wrap .btn h1 br{display:none;}
.main2 .gl_wrap .btn h1{color: #fff;font-weight: 700;text-shadow: 4px 4px 4px rgba(0,0,0,0.9);display: inline-block;}
.main2 .gl_wrap .btn li{float: none;width: auto!important;border: 0;position: static;text-align: right;padding: 4px 0;display: inline-block;}
.main2 .gl_wrap .btn li p{color: #fff;margin-right: 15px;}
.main2 .gl_wrap .btn li.active{background: none;}
.main2 .gl_wrap .btn li.active p{color: #f9d900;opacity: 1;}
.main2 .gl_wrap .btn .prev{position:absolute;right: 94px;top: 29px;display:none;}
.main2 .gl_wrap .btn .next{position:absolute;right: 129px;top: 29px;display:none;}
.main2 .gl_wrap .btn li.active .prev,.main2 .gl_wrap .btn li.active .next{display:block;border: 1px solid rgba(999,999,999,0.5);width: 36px;height: 36px;transform: rotate(90deg);text-align: center;}
.main2 .gl_wrap .btn>a{border: 1px solid rgba(999,999,999,0.5);color:#fff;padding: 5px 25px;position: absolute;right: 0;top: 29px;}
.main2 .gl_wrap .btn li.active .prev img, .main2 .gl_wrap .btn li.active .next img{padding: 2px 5px;display: inline-block;width: 100%;box-sizing: border-box;}

.main3 .left{width: 50%;float: left;background: url(../img/main/talk_bg.jpg) no-repeat;position: relative;height: 435px;color: #fff;text-align: center;padding: 123px 0;}
.main3 .left h1{font-weight:700;}
.main3 .left a{background:#fef100;border-radius:500px;width: 360px;display: block;font-size: 18px;padding: 10px 0;color: #493236;margin: 0 auto;margin-top: 20px;}
.main3 .left a img{display:inline-block;margin-right: 17px;vertical-align:middle;}
.main3 .right{width: 50%;display: inline-block;height: 435px;}
.main3 .right .map{position:relative;height:100%;overflow: hidden;width: 60%;display: inline-block;}
.main3 .right .map img{position:absolute;height:100%;max-width:inherit;left:50%;transform: translateX(-50%);}
.main3 .right .map:hover::before{content: '';width: 100%;height: 100%;background: rgba(0,0,0,0.5);left: 0;top: 0;position: absolute;z-index: 1;}
.main3 .right .map a{position: absolute;width: 200px;background: #fff;border-radius: 500px;left: 50%;top: 50%;display: none;z-index: 2;padding: 15px 0;text-align: center;color: #354366;font-weight: 400;transform: translate(-50%,-50%);}
.main3 .right .map:hover a{display: block;}
.main3 .right .txt{float:right;width:40%;background: #354366;height: 100%;color: #fff;padding: 30px;padding-top: 20px;}
.main3 .right .txt h1{font-weight:700;padding-top: 10px;}
.main3 .right .txt li{border-bottom: 1px solid rgba(999,999,999,0.3);padding: 31px 0;}
.main3 .right .txt li:last-child{border-bottom:0}
.main3 .right .txt li p{font-weight:500;}
.main3 .right .txt li span{padding-left:20px;background:url(../img/main/box_arrow.png)no-repeat;background-position:0 6px}


@media(max-width: 1500px){
    .main2 .box li div h1{font-size:22px;letter-spacing: -1.5px;}
    .main3 .left{width:37%;}
    .main3 .right{width:63%;}
}
@media(max-width: 1300px){
    .main2 .gl_wrap .tabpanel_wrap{/* width: calc(100% - 190px); *//* overflow:scroll; */}
}
@media(max-width: 1200px){
    .main3 .right .txt li{padding: 24px 0;}
}
@media(max-width: 1024px){
    .main1>p{bottom:29px;}
    .main2 .box li{width:50%;}
    .main2 .box li:last-child{width:100%;}
    .main2 .box li a{min-height:auto;height: 185px;}
    .main2 .box li a img{min-height:auto}
    .main2 .box li div h1{font-size: 18px;height: 50px;}
    .main2 .gl_wrap .tabpanel a.gl div h1{font-size:18px;}
    .main2 .gl_wrap .tabpanel_wrap{width:100%;overflow-x: scroll;}
    
    .main2 .gl_wrap{padding: 40px 0;background-size: auto 101%;}
    .main2 .gl_wrap .tabpanel a.gl{width: 207px;}
    .main2 .gl_wrap .tabpanel a.gl div p{height:60px;}
    .main2 .gl_wrap .tabpanel_wrap .tabpanel{width: 939px;margin: 0 auto;}
    .main3 .left{width:100%;background-size: 100%;height: auto;padding: 50px 0;}
    .main3 .right{width:100%;height: 351px;}
    .main3 .right .txt li span{background-position: 0 1px;}
    .main1 .slick-dots{width: 215px;box-sizing: border-box;}
    .main2 .gl_wrap .btn>a{padding: 7px 25px;}
    .main2 .gl_wrap .btn li.active .prev, .main2 .gl_wrap .btn li.active .next{height: 35px;width: 35px;}
    .main2 .gl_wrap .btn li.active .prev{right: 85px;}
    .main2 .gl_wrap .btn li.active .next{right: 119px;}
}
@media(max-width: 800px){
    .main2 .gl_wrap .btn .com_tab{float:none;display:block;margin-top:20px;margin-bottom: 0;}
    .main2 .gl_wrap .btn li.active .prev, .main2 .gl_wrap .btn li.active .next{top:inherit;bottom:30px;}
    .main2 .gl_wrap .btn>a{top:inherit;bottom:30px;font-size: 13px;}
}
@media(max-width: 700px){
    .main1 .slide img.w700v{display: block!important;}
    .main1 .slide img.w700n{display: none!important;}
    .main1 .slick-dots li{width:25px;}
}
@media(max-width: 600px){
    .main2 .box li a{height: 120px;min-height: 120px;}
    .main2 .box li div p, .main2 .box li div span{font-size:inherit;}
    .main2 .box li a>img{height:auto;min-height: 120px;}
    .main2 .box li div h1{font-size:16px;}
    .main3 .right{height:auto;}
    .main3 .right .map{width:100%;display: block;}
    .main3 .right .txt{width:100%;float: none;}
    .main3 .right .map img{position:static;transform:none;display:block;}
    .main3 .right .txt li{border:0;padding:10px 0;}
    .main3 .right .txt li p{display:inline-block;width:100px;}
    .main3 .right .txt li span{width: calc(100% - 124px);display: inline-block;vertical-align: top;}
    .main3 .left{background-size: 100% 100%;}
    .main3 .right .txt h1{padding-top:0;}
    .main3 .left a{font-size:14px;width: 260px;}
    .main3 .left a img{width:30px;}
}