@charset "utf-8";
/*index_banner*/
.index-banner {overflow: hidden; margin-top: 90PX; }
.index-banner .swiper-button-prev { -webkit-transition: opacity .5s;-o-transition: opacity .5s;-moz-transition: opacity .5s;transition: opacity .5s;background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%f28600%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");}
.index-banner .swiper-button-next { -webkit-transition: opacity .5s;-o-transition: opacity .5s;-moz-transition: opacity .5s;transition: opacity .5s;background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%f28600%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");}
.index-banner .swiper-container {height:900px;}
.index-banner .swiper-container .swiper-img {position: relative;height: 100%;}
.index-banner .swiper-container .swiper-img.swiper-img1 { background: url(../images/banner1.jpg) no-repeat center; background-size: cover;}
.index-banner .swiper-container .swiper-img.swiper-img2 { background: url(../images/banner2.jpg) no-repeat center;background-size: cover;}
.index-banner .swiper-container .swiper-img.swiper-img3 { background: url(../images/banner3.jpg) no-repeat center;background-size: cover;}
.index-banner .swiper-container .swiper-img.swiper-img4 { background: url(../images/banner4.jpg) no-repeat center;background-size: cover;}
.index-banner .swiper-container .swiper-img .container {height: 100%;position: relative;}
.index-banner .swiper-container .swiper-img .banner-txt {position: absolute;top: 30.06%;left: 0;right: 0;color: #fff;padding: 0 15px;}
.index-banner .swiper-container .swiper-img .banner-txt.banner-txt1 {position: absolute;color: #fff;top: 18%;left: -10%; width: 100%;/* height: 100%;  -webkit-transition: opacity 1s, -webkit-transform 1s;transition: opacity 1s, -webkit-transform 1s;-o-transition: opacity 1s, -o-transform 1s;-moz-transition: opacity 1s, transform 1s, -moz-transform 1s;transition: opacity 1s, transform 1s;transition: opacity 1s, transform 1s, -webkit-transform 1s, -moz-transform 1s, -o-transform 1s;*/}
.index-banner .swiper-container .swiper-img .banner-txt.banner-txt1 .txt4 {position: absolute;color: #fff;top: 30%;left: 10%; font-size:60px;font-weight:bold; letter-spacing: 2px; opacity: 0; z-index: 100!important;-webkit-transform: translateY(50%); -moz-transform: translateY(50%); -ms-transform: translateY(50%); -o-transform: translateY(50%);transform: translateY(50%);-webkit-transition: opacity 1.5s, -webkit-transform 1.5s;transition: opacity 1.5s, -webkit-transform 1.5s;-o-transition: opacity 1.5s, -o-transform 1.5s;-moz-transition: opacity 1.5s, transform 1.5s, -moz-transform 1.5s;transition: opacity 1.5s, transform 1.5s;transition: opacity 1.5s, transform 1.5s, -webkit-transform 1.5s, -moz-transform 1.5s, -o-transform 1.5s;text-shadow: 3px 4px 2px rgba(0, 0, 0, .275);}
.index-banner .swiper-container .swiper-img .banner-txt.banner-txt3 .txt1 {position: absolute;color: #fff;font-weight:bold; top: -65%;}
.index-banner .swiper-container .swiper-img .banner-txt .txt1 {font-size:60px;font-weight: bold; letter-spacing: 2px; margin-bottom:20px;opacity: 0;-webkit-transform: translateY(50%); -moz-transform: translateY(50%); -ms-transform: translateY(50%); -o-transform: translateY(50%);transform: translateY(50%);-webkit-transition: opacity 1.5s, -webkit-transform 1.5s;transition: opacity 1.5s, -webkit-transform 1.5s;-o-transition: opacity 1.5s, -o-transform 1.5s;-moz-transition: opacity 1.5s, transform 1.5s, -moz-transform 1.5s;transition: opacity 1.5s, transform 1.5s;transition: opacity 1.5s, transform 1.5s, -webkit-transform 1.5s, -moz-transform 1.5s, -o-transform 1.5s;text-shadow: 3px 4px 2px rgba(0, 0, 0, .275);}
.index-banner .swiper-container .swiper-img .banner-txt .txt2 {font-size:29px; margin-top:30px; line-height: 40px;opacity: 0;-webkit-transform: translateY(100%); -moz-transform: translateY(100%); -ms-transform: translateY(100%); -o-transform: translateY(100%); transform: translateY(100%);text-shadow: 1px 1px 1px rgba(0, 0, 0, .275);-webkit-transition: opacity 3s, -webkit-transform 3s;transition: opacity 3s, -webkit-transform 3s;-o-transition: opacity 3s, -o-transform 3s;-moz-transition: opacity 3s, transform 3s, -moz-transform 3s;transition: opacity 3s, transform 3s;transition: opacity 3s, transform 3s, -webkit-transform 3s, -moz-transform 3s, -o-transform 3s;}
.index-banner .swiper-container .swiper-img .banner-txt .txt3 {font-size:18px; line-height: 40px; margin-bottom: 10px;text-transform: uppercase; opacity: 0;-webkit-transform: translateY(120%); -moz-transform: translateY(120%); -ms-transform: translateY(120%); -o-transform: translateY(120%); transform: translateY(120%);text-shadow: 1px 1px 1px rgba(0, 0, 0, .175);-webkit-transition: opacity 3.5s, -webkit-transform 3.5s;transition: opacity 3.5s, -webkit-transform 3.5s;-o-transition: opacity 3.5s, -o-transform 3.5s;-moz-transition: opacity 3.5s, transform 3.5s, -moz-transform 3.5s;transition: opacity 3.5s, transform 3.5s;transition: opacity 3.5s, transform 3.5s, -webkit-transform 3.5s, -moz-transform 3.5s, -o-transform 3.5s;}
.index-banner .swiper-container .swiper-img .banner-txt .line{ width: 105px; height: 5px; opacity: 0;background-color: #2db5aa; text-align: center; margin: 15px auto;-webkit-transform: translateY(90%); -moz-transform: translateY(90%); -ms-transform: translateY(90%); -o-transform: translateY(90%); transform: translateY(90%);text-shadow: 1px 1px 1px rgba(0, 0, 0, .175);-webkit-transition: opacity 2s, -webkit-transform 2s;transition: opacity 2s, -webkit-transform 2s;-o-transition: opacity 2s, -o-transform 2s;-moz-transition: opacity 2s, transform 2s, -moz-transform 2s;transition: opacity 2s, transform 2s;transition: opacity 2s, transform 2s, -webkit-transform 2s, -moz-transform 2s, -o-transform 2s;}
.index-banner .swiper-container .swiper-img .banner-txt .line1{ width: 105px; height: 5px; opacity: 0;background-color: #2db5aa; margin-top: 15px; margin-bottom: 15px; -webkit-transform: translateY(90%); -moz-transform: translateY(90%); -ms-transform: translateY(90%); -o-transform: translateY(90%); transform: translateY(90%);text-shadow: 1px 1px 1px rgba(0, 0, 0, .175);-webkit-transition: opacity 2s, -webkit-transform 2s;transition: opacity 2s, -webkit-transform 2s;-o-transition: opacity 2s, -o-transform 2s;-moz-transition: opacity 2s, transform 2s, -moz-transform 2s;transition: opacity 2s, transform 2s;transition: opacity 2s, transform 2s, -webkit-transform 2s, -moz-transform 2s, -o-transform 2s;}
.index-banner .swiper-container .swiper-img .banner-txt.banner-txt2{left: 55%;top: 30.06%;text-align: left;}
.index-banner .swiper-container .swiper-img .banner-txt.banner-txt4{left: 0;top: 30%;text-align: left;}
.index-banner .swiper-container .swiper-img .banner-txt.banner-txt3{position: absolute; top:0;left:0; height: 100%; text-align: left; padding: 0 0px;}
.index-banner .swiper-container .swiper-img .banner-txt.banner-txt4{left: 0;top: 50.06%;text-align: left; }
.index-banner .swiper-container .swiper-img .banner-txt.banner-txt4 .txt1 {position: absolute;color: #fff;font-weight:bold; top: -65%;}
.index-banner .swiper-container .swiper-img .banner-txt.banner-txt4 .txt2 {position: absolute;color: #fff; top: -37%;}
.index-banner .swiper-container .swiper-img .banner-txt .banner-img-list{ width: 100%; height: 100%; background: url(../images/ban3_bg.png) no-repeat center;background-size: cover; list-style: none;padding-left: 0;opacity: 0;text-shadow: 1px 1px 1px rgba(0, 0, 0, .175);-webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%);text-shadow: 1px 1px 1px rgba(0, 0, 0, .175);-webkit-transition: opacity 0.8s, -webkit-transform 0.8s;transition: opacity 0.8s, -webkit-transform 0.8s;-o-transition: opacity 0.8s, -o-transform 0.8s;-moz-transition: opacity 0.8s, transform 0.8s, -moz-transform 0.8s;transition: opacity 0.8s, transform 0.8s;transition: opacity 0.8s, transform 0.8s, -webkit-transform 0.8s, -moz-transform 0.8s, -o-transform 0.8s;}
.index-banner .swiper-container .swiper-img .banner-txt .banner-img-list1{list-style: none;padding-left: 0;opacity: 0;z-index: 0; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%);text-shadow: 1px 1px 1px rgba(0, 0, 0, .175);-webkit-transition: opacity 1s, -webkit-transform 1s;transition: opacity 1s, -webkit-transform 1s;-o-transition: opacity 1s, -o-transform 1s;-moz-transition: opacity 1s, transform 1s, -moz-transform 1s;transition: opacity 1s, transform 1s;transition: opacity 1s, transform 1s, -webkit-transform 1s, -moz-transform 1s, -o-transform 1s;}
.index-banner .swiper-container .swiper-img .banner-txt .banner-img-list2{list-style: none;padding-left: 0;opacity: 0;z-index: 0; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%);text-shadow: 1px 1px 1px rgba(0, 0, 0, .175);-webkit-transition: opacity 1s, -webkit-transform 1s;transition: opacity 1s, -webkit-transform 1s;-o-transition: opacity 1s, -o-transform 1s;-moz-transition: opacity 1s, transform 1s, -moz-transform 1s;transition: opacity 1s, transform 1s;transition: opacity 1s, transform 1s, -webkit-transform 1s, -moz-transform 1s, -o-transform 1s;}
.index-banner .swiper-container .swiper-img .banner-txt.banner-txt3 img{ max-width: 100%; height: 100%;}
.index-banner .banner_red{ background: #cc0000 url(../images/ban3_bg.png) no-repeat center left;background-color:#cc0000; padding: 5px 10px; color: #fff;font-size:24px; width: 95%;}
.index-banner .swiper-container .swiper-img .banner-img-list1 li{ z-index: 0!important;}
.index-banner .swiper-container .swiper-slide.on .swiper-img .banner-txt.banner-txt1 .txt4 { z-index: 999!important;}
.index-banner .swiper-container .swiper-slide-active .banner-txt>div,
.index-banner .swiper-container .swiper-img .banner-txt.banner-txt1 {-webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; transform: none;opacity: 1;}
.index-banner .swiper-container .swiper-slide.on .swiper-img .banner-txt .txt3,
.index-banner .swiper-container .swiper-slide.on .swiper-img .banner-txt .txt2,
.index-banner .swiper-container .swiper-slide.on .swiper-img .banner-txt.banner-txt1 .txt4,
.index-banner .swiper-container .swiper-slide.on .banner-img-list,
.index-banner .swiper-container .swiper-slide.on .banner-img-list1,
.index-banner .swiper-container .swiper-slide.on .banner-img-list2,
.index-banner .swiper-container .swiper-slide.on .line,
.index-banner .swiper-container .swiper-slide.on .line1,
.index-banner .swiper-container .swiper-slide.on .swiper-img .banner-txt .txt1 {-webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; transform: none;opacity: 1;}
.index-banner .swiper-container .swiper-slide.on .banner-img-list1 li{ z-index: 0;}
.index-banner .swiper-pagination-total{ color: #fff; font-weight: bold;}
.index-banner .swiper-button-next,.index-banner .swiper-button-prev{ border: 1px solid #fff; width: 30px; height: 30px; border-radius: 100%;top: 90%; z-index: 99999;}
.index-banner .swiper-button-next,.index-banner .swiper-button-prev{ -moz-background-size:10px 16px;-webkit-background-size:10px 16px;background-size:10px 16px; }
.index-banner .swiper-button-prev, .index-banner .swiper-container-rtl .swiper-button-next{left:13%;right:auto}
.index-banner .swiper-button-next,.index-banner .swiper-container-rtl .swiper-button-prev{ right: 77.5%;}
.index-banner .swiper-pagination{ color: #fff;}
.index-banner .swiper-pagination-current{ color: #fff; font-size: 24px; font-weight: bold;}
.index-banner .swiper-container-horizontal>.swiper-pagination-bullets,.index-banner .swiper-pagination-custom,.index-banner .swiper-pagination-fraction {bottom:80px; left: -32%;}
.index-banner .banner_mob{ display: none;}
.index-banner .banner_p{ display: none;}
@media (max-width: 1740px){
.index-banner .swiper-container .swiper-img .banner-txt .txt1,.index-banner .swiper-container .swiper-img .banner-txt.banner-txt1 .txt4  {font-size: 56px; }
.index-banner .swiper-container .swiper-img .banner-txt.banner-txt1 { top: 18%;left: -5%; }
.index-banner .swiper-container .swiper-img .banner-txt .banner-img-list1 img{ width: 46%;} 
}

@media (max-width: 1680px){
.index-banner .swiper-container {height:788px;}
.index-banner .swiper-container .swiper-img .banner-txt .txt1,.index-banner .swiper-container .swiper-img .banner-txt.banner-txt1 .txt4  {font-size: 54px; }
.index-banner .swiper-container .swiper-img .banner-txt .txt2 {font-size:28px;}
.index-banner .swiper-button-prev, .index-banner .swiper-container-rtl .swiper-button-next{left:10%;right:auto}
.index-banner .swiper-button-next,.index-banner .swiper-container-rtl .swiper-button-prev{ right: 80%;}
.index-banner .swiper-container-horizontal>.swiper-pagination-bullets,.index-banner .swiper-pagination-custom,.index-banner .swiper-pagination-fraction {left: -35%;bottom:70px;}
}  
@media (max-width: 1580px){
.index-banner .swiper-container .swiper-img .banner-txt .txt1,.index-banner .swiper-container .swiper-img .banner-txt.banner-txt1 .txt4  {font-size: 52px; }
.index-banner .swiper-container .swiper-img .banner-txt.banner-txt1 { left: -2%; }
}  
@media (max-width: 1540px){
.index-banner .swiper-container {height:686px;}
.index-banner .swiper-container .swiper-img .banner-txt.banner-txt1 { left: -2%; }
.index-banner .swiper-container .swiper-img .banner-txt .banner-img-list1 img{ width: 40%;} 
.index-banner .swiper-container .swiper-img .banner-txt .txt1 {font-size:50px;}
.index-banner .swiper-container .swiper-img .banner-txt.banner-txt1 .txt4 { font-size:50px; left: 8%;}
.index-banner .swiper-button-prev, .index-banner .swiper-container-rtl .swiper-button-next{left:7%;right:auto}
.index-banner .swiper-container-horizontal>.swiper-pagination-bullets,.index-banner .swiper-pagination-custom,.index-banner .swiper-pagination-fraction {left: -37%;bottom:60px;}
}
@media (max-width: 1480px){
.index-banner .swiper-container .swiper-img .banner-txt .txt1,.index-banner .swiper-container .swiper-img .banner-txt.banner-txt1 .txt4  {font-size: 48px; }
.index-banner .swiper-container .swiper-img .banner-txt.banner-txt1 { left: -1%; }
.index-banner .swiper-container .swiper-img .banner-txt .banner-img-list1 img{ width: 38%;} 
.index-banner .swiper-container .swiper-img .banner-txt.banner-txt1 .txt4 { left: 6%;}
}
@media (max-width: 1450px){
.index-banner .swiper-container .swiper-img .banner-txt .txt1,.index-banner .swiper-container .swiper-img .banner-txt.banner-txt1 .txt4  {font-size: 46px; }
.index-banner .swiper-container .swiper-img .banner-txt.banner-txt1 { left: 0; }
.index-banner .swiper-container .swiper-img .banner-txt .banner-img-list1 img{ width: 36%;} 
}
@media (max-width: 1440px){
.index-banner .swiper-container {height:675px;}
.index-banner .swiper-container .swiper-img .banner-txt .txt1,.index-banner .swiper-container .swiper-img .banner-txt.banner-txt1 .txt4  {font-size: 44px; }
.index-banner .swiper-container .swiper-img .banner-txt .txt2 {font-size:26px;}
.index-banner .swiper-container .swiper-img .banner-txt.banner-txt3 img{ height: 100%; overflow: hidden;}
.index-banner .swiper-container .swiper-img .banner-txt .banner-img-list2 img{ max-width: 100%; }
.index-banner .swiper-container .swiper-img .banner-txt.banner-txt4 .txt2 { top: -42%;}
.index-banner .swiper-container .swiper-img .banner-txt.banner-txt1 .txt4 { left: 7%;}
.index-banner .swiper-container .swiper-img .banner-txt .banner-img-list1 img{ width: 34%;} 
.index-banner .swiper-container-horizontal>.swiper-pagination-bullets,.index-banner .swiper-pagination-custom,.index-banner .swiper-pagination-fraction { bottom:57px;}
}
@media (max-width: 1366px){
.index-banner .swiper-container {height:640px;}
.index-banner .swiper-container .swiper-img .banner-txt .txt1,.index-banner .swiper-container .swiper-img .banner-txt.banner-txt1 .txt4  {font-size: 40px; }
.index-banner .swiper-container .swiper-img .banner-txt .txt2 img{max-width: 100%;} 
.index-banner .swiper-container .swiper-img .banner-txt .txt2 {font-size:22px;}
.index-banner .swiper-container .swiper-img .banner-txt.banner-txt3 .txt1 { top: -70%;}
.index-banner .swiper-container .swiper-img .banner-txt .banner-img-list1 img{ width: 32%;} 
}
@media (max-width: 1280px){
.index-banner .swiper-container {height:600px;}
.index-banner .swiper-container .swiper-img .banner-txt.banner-txt4 .txt2 { top: -47%;}
.index-banner .swiper-container .swiper-img .banner-txt.banner-txt4{ top: 45.06%; }
.index-banner .swiper-container .swiper-img .banner-txt.banner-txt3 .txt1 {top: -60%;}
.index-banner .swiper-container .swiper-img .banner-txt .txt1,.index-banner .swiper-container .swiper-img .banner-txt.banner-txt1 .txt4  {font-size: 34px; }
.index-banner .swiper-button-prev, .index-banner .swiper-container-rtl .swiper-button-next{left:6%;right:auto}
.index-banner .swiper-container-horizontal>.swiper-pagination-bullets,.index-banner .swiper-pagination-custom,.index-banner .swiper-pagination-fraction { bottom:47px;}
}
@media (max-width: 1248px){
.index-banner .banner_pc{ display: none;}
.index-banner .banner_p{ display: block;}
.index-banner .swiper-container {height:900px;}
.index-banner .swiper-container .swiper-img.swiper-img1 { background: url(../images/banner_p1.jpg) no-repeat center; background-size: cover;}
.index-banner .swiper-container .swiper-img.swiper-img2 { background: url(../images/banner_p2.jpg) no-repeat center;background-size: cover;}
.index-banner .swiper-container .swiper-img.swiper-img3 { background: url(../images/banner_p3.jpg) no-repeat center;background-size: cover;}
.index-banner .swiper-container .swiper-img.swiper-img4 { background: url(../images/banner_p4.jpg) no-repeat center;background-size: cover;}
.index-banner .swiper-container .swiper-img .banner-txt .txt2 img{ max-width: 100%;} 
.index-banner .swiper-container .swiper-img .banner-txt.banner-txt1 {top: 15%;left: 2%;}
.index-banner .swiper-container .swiper-img .banner-txt.banner-txt2 {top: 15%;left: 2%;}
.index-banner .swiper-container .swiper-img .banner-txt.banner-txt3 .txt1 {top: 15%;left: 2%;}
.index-banner .swiper-container .swiper-img .banner-txt.banner-txt4{top: 15%;left: 0;}
.index-banner .swiper-container .swiper-img .banner-txt.banner-txt4 .txt1 { top: 17%;}
.index-banner .swiper-container .swiper-img .banner-txt.banner-txt4 .txt2 { top: 25%; margin-top: 10%;}
.index-banner .swiper-container .swiper-img .banner-txt .txt1,.index-banner .swiper-container .swiper-img .banner-txt.banner-txt1 .txt4  {font-size: 60px; }
.index-banner .swiper-container .swiper-img .banner-txt .txt2 {font-size:38px; line-height: 50px;}
.index-banner .swiper-container .swiper-img .banner-txt.banner-txt1 .txt4 { left: 0px;}
.index-banner .swiper-container .swiper-img .banner-txt .banner-img-list1 { display: none;}
.index-banner .swiper-container .swiper-img .banner-txt .banner-img-list { display: none;}
.index-banner .swiper-button-next,.index-banner .swiper-button-prev{ top: 94%; }
}
@media (max-width: 1200px){
.index-banner {overflow: hidden; margin-top: 60PX; }
.index-banner .swiper-container {height:865px;}
.index-banner .swiper-container .swiper-img .banner-txt .txt1,.index-banner .swiper-container .swiper-img .banner-txt.banner-txt1 .txt4  {font-size: 55px; }
.index-banner .swiper-container .swiper-img .banner-txt .txt2 {font-size:32px;}
}
@media (max-width: 1180px){
.index-banner .swiper-container {height:851px;}
.index-banner .swiper-container .swiper-img .banner-txt .line{ width: 90px;}
.index-banner .swiper-container .swiper-img .banner-txt .line1{ width: 90px;}
.index-banner .swiper-container .swiper-img .banner-txt .txt1,.index-banner .swiper-container .swiper-img .banner-txt.banner-txt1 .txt4  {font-size: 50px; }
.index-banner .swiper-container .swiper-img .banner-txt .txt2 {font-size:30px;}
}
@media (max-width: 1024px){
.index-banner .swiper-container {height:738px;}
.index-banner .swiper-container .swiper-img .banner-txt .txt1,.index-banner .swiper-container .swiper-img .banner-txt.banner-txt1 .txt4  {font-size: 45px; }
.index-banner .swiper-container .swiper-img .banner-txt .txt2 {font-size:26px;}
.index-banner .swiper-container .swiper-img .banner-txt .txt3 { display: none;} 
.index-banner .swiper-container-horizontal>.swiper-pagination-bullets,.index-banner .swiper-pagination-custom,.index-banner .swiper-pagination-fraction { bottom:40px;}
}
@media (max-width: 992px){
.index-banner .swiper-container {height:715px;}
.index-banner .swiper-container .swiper-img .banner-txt.banner-txt4{top: 18%;left: 0;}
.index-banner .swiper-container .swiper-img .banner-txt.banner-txt4 .txt2 { margin-top: 8%;}
.index-banner .swiper-container .swiper-img .banner-txt .txt1,.index-banner .swiper-container .swiper-img .banner-txt.banner-txt1 .txt4  {font-size: 42px; margin-bottom:15px;}
.index-banner .swiper-button-prev, .index-banner .swiper-container-rtl .swiper-button-next{left:5%; }
.index-banner .swiper-button-next,.index-banner .swiper-container-rtl .swiper-button-prev{ right: 78%;}
.index-banner .swiper-container-horizontal>.swiper-pagination-bullets,.index-banner .swiper-pagination-custom,.index-banner .swiper-pagination-fraction { bottom:35px;}
}    
@media (max-width: 991px){
.index-banner { margin-top:70px;}
.index-banner .swiper-container .swiper-img .banner-txt .txt1,.index-banner .swiper-container .swiper-img .banner-txt.banner-txt1 .txt4  {font-size: 40px; }
}
@media (max-width:768px){
.index-banner { margin-top:60px;}
.index-banner .swiper-container {height:554px;}
.index-banner .swiper-container .swiper-img .banner-txt .txt1,.index-banner .swiper-container .swiper-img .banner-txt.banner-txt1 .txt4  {font-size: 36px; }
.index-banner .swiper-container .swiper-img .banner-txt .txt2 {font-size: 24px;line-height:30px;margin-top: 10px; } 
.index-banner .swiper-container .swiper-img .banner-txt .line{ width: 75px; height: 3px;}
.index-banner .swiper-container .swiper-img .banner-txt .line1{ width: 75px; height: 3px;}
.index-banner .swiper-container .swiper-img .banner-txt .txt1 { text-shadow: 1px 2px 1px rgba(0, 0, 0, .475);}
.index-banner .swiper-container-horizontal>.swiper-pagination-bullets,.index-banner .swiper-pagination-custom,.index-banner .swiper-pagination-fraction {left: -35%; bottom:30px;}
.index-banner .swiper-button-next,.index-banner .swiper-container-rtl .swiper-button-prev{ right: 75%; }
.index-banner .banner_red{ background: #cc0000; padding: 5px 10px; color: #fff;font-size:24px; width: 86%;}
}    
@media (max-width:730px){
.index-banner .swiper-container {height:526px;}
.index-banner .swiper-container .swiper-img .banner-txt.banner-txt1 { left: 3%;}
.index-banner .swiper-container .swiper-img .banner-txt.banner-txt2 { left: 3%;}
.index-banner .swiper-container .swiper-img .banner-txt.banner-txt3 .txt1 { left:3%;}
.index-banner .swiper-container .swiper-img .banner-txt.banner-txt4{ left:0;}
.index-banner .swiper-container .swiper-img .banner-txt .txt1,.index-banner .swiper-container .swiper-img .banner-txt.banner-txt1 .txt4  {font-size: 34px; }
}
@media (max-width:720px){
.index-banner .swiper-container {height:519px;}
}
@media (max-width:710px){
.index-banner .swiper-container {height:512px;}
}
@media (max-width:700px){
.index-banner .swiper-container {height:505px;}
.index-banner .swiper-container .swiper-img .banner-txt .txt1,.index-banner .swiper-container .swiper-img .banner-txt.banner-txt1 .txt4  {font-size: 32px; }
.index-banner .swiper-container .swiper-img .banner-txt .txt2 {font-size:34px;}
.index-banner .swiper-container .swiper-img .banner-txt .txt2 img{max-width: 100%;} 
}
@media (max-width:668px){
.index-banner .swiper-container {height:482px;}
.index-banner .swiper-container .swiper-img .banner-txt .txt1,.index-banner .swiper-container .swiper-img .banner-txt.banner-txt1 .txt4  {font-size: 30px; }
.index-banner .swiper-container .swiper-img .banner-txt .txt2 {font-size:22px;}
.index-banner .banner_red{ width: 90%;}
.index-banner .swiper-button-next,.index-banner .swiper-button-prev{ top: 92%; }
}
@media (max-width:600px){
.index-banner .swiper-container {height:433px;}
.index-banner .swiper-container .swiper-img .banner-txt .txt1,.index-banner .swiper-container .swiper-img .banner-txt.banner-txt1 .txt4  {font-size: 28px; }
.index-banner .swiper-container .swiper-img .banner-txt .txt2 {font-size:20px;}
.index-banner .swiper-container-horizontal>.swiper-pagination-bullets,.index-banner .swiper-pagination-custom,.index-banner .swiper-pagination-fraction { display: none;}
}
@media (max-width:540px){
.index-banner .banner_p{ display: none;}
.index-banner .banner_mob{ display: block;}
.index-banner .swiper-container {height:762px;}
.index-banner .swiper-container .swiper-img.swiper-img1 { background: url(../images/banner_m1.jpg) no-repeat center; background-size: cover;}
.index-banner .swiper-container .swiper-img.swiper-img2 { background: url(../images/banner_m2.jpg) no-repeat center;background-size: cover;}
.index-banner .swiper-container .swiper-img.swiper-img3 { background: url(../images/banner_m3.jpg) no-repeat center;background-size: cover;}
.index-banner .swiper-container .swiper-img.swiper-img4 { background: url(../images/banner_m4.jpg) no-repeat center;background-size: cover;}
.index-banner .swiper-container .swiper-img .banner-txt.banner-txt1 {top: 15%;left: 2%;}
.index-banner .swiper-container .swiper-img .banner-txt.banner-txt2 { top: 15%;left: 2%;}
.index-banner .swiper-container .swiper-img .banner-txt.banner-txt3 .txt1 {top: 15%;left: 2%;}
.index-banner .swiper-container .swiper-img .banner-txt.banner-txt4{top: 33%;left: 0;}
.index-banner .swiper-container .swiper-img .banner-txt.banner-txt4 .txt1 { top: -34%;}
.index-banner .swiper-container .swiper-img .banner-txt.banner-txt4 .txt2 { top: -25%; margin-top: 3%;}
.index-banner .swiper-container .swiper-img .banner-txt .txt1,.index-banner .swiper-container .swiper-img .banner-txt.banner-txt1 .txt4  {font-size: 36px; }
.index-banner .swiper-container .swiper-img .banner-txt .txt2 {font-size:20px; line-height: 40px;}
.index-banner .swiper-container .swiper-img .banner-txt.banner-txt1 .txt4 { left: 0px;}
.index-banner .swiper-container .swiper-img .banner-txt .banner-img-list1 { display: none;}
.index-banner .swiper-container .swiper-img .banner-txt .banner-img-list { display: none;}
.index-banner .swiper-pagination-bullets {bottom:10px; }
.index-banner .swiper-button-prev, .index-banner .swiper-container-rtl .swiper-button-next{left:4%;right:auto}
.index-banner .swiper-button-next,.index-banner .swiper-container-rtl .swiper-button-prev{ right: 74%;}
.index-banner .swiper-button-next,.index-banner .swiper-button-prev{ top: 95%;}
.index-banner .swiper-container-horizontal>.swiper-pagination-bullets,.index-banner .swiper-pagination-custom,.index-banner .swiper-pagination-fraction {left: -35%;bottom: auto; top: 93%;}
}

@media (max-width:500px){
.index-banner .swiper-container {height:705px;}
.index-banner .swiper-container .swiper-img .banner-txt .txt1,.index-banner .swiper-container .swiper-img .banner-txt.banner-txt1 .txt4  {font-size: 34px; }
}
@media (max-width:468px){
.index-banner .swiper-container {height:660px;}
.index-banner .swiper-container .swiper-img .banner-txt .txt1,.index-banner .swiper-container .swiper-img .banner-txt.banner-txt1 .txt4  {font-size: 30px; }
.index-banner .swiper-container .swiper-img .banner-txt .txt2 {font-size:18px; line-height: 30px;}
.index-banner .banner_red{ font-size:20px; width: 95%;}
}
@media (max-width:425px){
.index-banner .swiper-container {height:600px;}
.index-banner .swiper-container .swiper-img .banner-txt .txt1,.index-banner .swiper-container .swiper-img .banner-txt.banner-txt1 .txt4  {font-size: 28px; }
.index-banner .swiper-container .swiper-img .banner-txt .txt2 {font-size:20px;}
.index-banner .banner_red{ font-size:20px; }
.index-banner .swiper-container .swiper-img .banner-txt .line{ width:35px; height: 2px; }
.index-banner .swiper-container .swiper-img .banner-txt .line1{ width: 35px; height: 2px;}
}
@media (max-width:400px){
.index-banner .swiper-container {height:564px;}
.index-banner .swiper-container .swiper-img .banner-txt .txt1,.index-banner .swiper-container .swiper-img .banner-txt.banner-txt1 .txt4  {font-size: 26px; }
.index-banner .banner_red{ width: 96%;}
}    
/*index-pro*/
.index-pro{ background: url(../images/index1.png) no-repeat; background-size:cover;}
.index-pro .flipster{ margin-top:-15px; padding:15px 0 62px;}
.index-pro .flipster ul{height:420px !important;}
.index-pro .flipster li{ width:400px; text-align:center; background:#fff; border-radius:22px; box-shadow:0 2px 20px rgba(0,0,0,0.16); padding-bottom:20px;}
.index-pro .flipster .imgbox{ padding-top:69%; border-radius:22px 22px 0 0;}
.index-pro .flipster .ti{ line-height:32px; font-size:24px; margin-top: 25px; text-align: center; color:#333333;}
.index-pro .flipster .more{ display:block; width: 100px; margin-left: auto; margin-right: auto; height: 40px; line-height:40px; margin-top: 10px; color:#666; font-size:16px; background: url(../images/more.png) no-repeat right top;}
.index-pro .flipster .ico{ padding:20px 0 5px;}
.index-pro .flipster .ico img{ width:40px; height:40px;}
.index-pro .flipto-prev,.index-pro .flipto-next{ font-family:"宋体"; background:#dcdcdc; border-radius:50%; display:block; bottom:0px; text-align:center; width:35px; height:35px; line-height:35px; position:absolute;}
.index-pro .flipto-prev{ left:46%;}
.index-pro .flipto-next{ right:46%;}
.index-pro .flipto-prev:hover,.index-pro .flipto-next:hover{ background:#bda16a; color:#fff;}
.index-pro .flipster li:hover{background:#bda16a; }
.index-pro .flipster li:hover .ti{color:#fff;}
.index-pro .flipster li:hover .more{color:#fff; background: url(../images/more1.png) no-repeat right top;}
.index-pro .index-pro-list li { margin-bottom: 20px;}
.index-pro .index-pro-list li .box{ text-align:center; background:#fff; border-radius:12px; box-shadow:0 2px 20px rgba(0,0,0,0.16); padding-bottom:5px;}
.index-pro .index-pro-list .imgbox{ padding-top:75%; border-radius:12px 12px 0 0;}
.index-pro .index-pro-list .ti{ line-height:32px; font-size:16px; margin-top: 5px; text-align: center; color:#333333;}
.index-pro .index-pro-list .more{ display:block; width: 100px; margin-left: auto; margin-right: auto; height: 40px; line-height:40px; margin-top: 10px; color:#666; font-size:16px; background: url(../images/more.png) no-repeat right top;}
.index-pro .index-pro-list .ico{ padding:20px 0 5px;}
.index-pro .index-pro-list .ico img{ width:40px; height:40px;}
@media (max-width: 991px){
.index-pro .flipto-prev{ left:40%;}
.index-pro .flipto-next{ right:40%;}
}
@media (max-width: 400px){
.index-pro .flipster ul{height:360px !important;}
.index-pro .flipster li{ width:90%;}
.index-pro .flipto-prev{ left:36%;}
.index-pro .flipto-next{ right:36%;}
.index-pro .index-pro-list .ti{ text-align: center;}
}
/*index-about*/
.index-about{ background: url(../images/index2.jpg) no-repeat; background-size:cover;}
.index-about .page_title span{ color: #fff;}
.index-about .desc{ text-align: center; font-size: 16px; line-height: 32px;color: #fff;}
.index-about .about-lists {width:100%; margin-top:60px; text-align: center; }
.index-about .about-lists ul{ width:100%; margin:0 auto; text-align: center; }
.index-about .about-lists ul li{ float: left; width: 25%; position:relative;}
.index-about .about-lists ul li:after{ position:absolute; right:1px; bottom:0; content:""; height:100%; width:1px; background:rgba(229, 229, 229, .275);}
.index-about .about-lists ul li:last-child:after{  width:0px; }
.index-about .about-lists .icon{ font-size:16px; width: 35%; float: left; text-align: center; }
.index-about .about-lists .icon img { text-align: center; margin: 0 auto;}
.index-about .about-lists .index_about_name {width: 65%; float: left; line-height:60px; display: block; color: #fff; text-align: left; font-size:16px; }
@media all and (max-width: 1750px) {
.index-about .about-lists {margin: 30px auto;}
}
@media (max-width:1024px) {
.index-about .about-lists .index_about_name { font-size:15px; line-height: 26px;}
}
@media screen and (max-width:768px) {
.index-about .about-lists .index_about_name { line-height: 24px;}
}
@media screen and (max-width:600px) {
.index-about .about-lists {margin: 20px auto 0px;}
.index-about .about-lists ul li{ width: 50%; margin-bottom: 20px;}
.index-about .about-lists .index_about_name { line-height: 60px;}
.index-about .about-lists ul li:nth-child(2n):after{  width:0px; }
}
@media screen and (max-width:480px) {
.index-about .about-lists ul li { width:100%; float:left; margin-bottom:20px; }
.index-about .about-lists .index_about_name { font-size: 15px; }
.index-about .about-lists ul li:after{ width:0px; }
}
.index-about .about-fenlei {width:100%; margin-top:60px; text-align: center; height: 305px;}
.index-about .about-fenlei ul li p{ text-align: center; padding-top: 30%; color: #fff; font-size: 24px;}
.index-about .about-fenlei  .item .cover{position:absolute; left:0; bottom:0; width:100%; height:100%; transition: .7s ease;}
.index-about .about-fenlei  .item:hover .cover {background:rgba(0, 0, 0, .65);}
.index-about .about-fenlei  .item:hover .cover .box .title{  width: 70%; height: 120px; margin: 0 auto; padding: 30px 0;}
.m2abtMvx{ background-size:cover; background-image: url(../images/about1.jpg); background-repeat: no-repeat; padding-bottom: 66%; width: 100%; position:relative; cursor:pointer;}
/*
.m2abtMvx:after{ content: ""; background: url(../images/m2abt_mvico.png) no-repeat center center; height:55px; width: 55px; position: absolute; left: 50%; top: 50%; transform:translate(-50%,-50%); background-size:cover; transition:all 0.5s ease;}
*/
.m2abtMvx:hover:after{transform:translate(-50%,-50%) scale(1); border-radius:50%; box-shadow:0 0 25px rgba(255,255,255,0.25);}
.m2layerBg{position:fixed; left:0; top:0; right:0; bottom:0; background:rgba(0,0,0,0.5); z-index:999;}
.m2layerClose {position: fixed;width: 60px;height: 60px;top: 50px;right: 50px;cursor: pointer;transition: all 500ms ease;z-index: 999; cursor:pointer}
.m2layerClose:hover{transform:rotate(180deg);}
.m2layerClose:before, .m2layerClose:after {content: '';width: 60px;height: 2px;background: #fff;position: absolute;top: 30px;}
.m2layerClose:before {left: 0;transform: rotate(45deg);}
.m2layerClose:after {left: 0;transform: rotate(135deg);}
.m2Lay_video{position: fixed;top: 50%;left: 50%;max-height: 80vw;max-width: 80vw; transform:translate(-50%, -50%); z-index:999;}
.dsNone{display:none}
.index-about .m2abtMvx:after{ opacity: 0.82;}
@media (max-width:992px){
.index-about .about-fenlei  { margin-top: 35px;}
.index-about .about-fenlei  .col-xs-12.row {  margin-right: 0px;margin-left: 0px; padding-left: 0px; padding-right: 0px;}
}
@media (max-width:600px){
.index-about .about-fenlei  .item .rect-45 { padding-bottom: 50%;}  
.index-about .about-fenlei ul li{ margin-bottom: 20px;}
.index-about .about-fenlei ul li p{font-size: 20px;}
.m2layerClose { top: 60px;right: 30px;}
}
/*index-case*/
.index-case{ background: url(../images/index3.jpg) no-repeat; background-size:cover;}
.index-case li{ width: 50%;}
.index-case .i_case_l_pic {position: relative;  box-shadow:0 0 20px rgba(0,0,0,.2)}
.index-case .i_case_l_pic img {width: 100%;}
.index-case .i_case_time {position: absolute;bottom: 0;left: 0;background: rgba(255, 255, 255, 0.98);  content: "";  padding: 5% 8%; width: 60%; z-index: 999;}
.index-case .i_case_time span {display: block; font-size: 24px;}
.index-case .i_case_time .more{ display:block; width: 85px; height: 40px; line-height:40px; margin-top: 10px; color:#666; font-size:16px; background: url(../images/more.png) no-repeat right top;}
.index-case .i_case_l_pic a:hover .i_case_time{background:#bda16a;}
.index-case .i_case_l_pic a:hover .i_case_time span { color: #fff; }
.index-case .i_case_l_pic a:hover .i_case_time .more{color:#fff;  background: url(../images/more1.png) no-repeat right top; }
.index-case .swiper-wrapper{ padding-bottom: 120px;}
.index-case .swiper-button-prev, .index-case .swiper-container-rtl .swiper-button-next{left:46%;right:auto}
.index-case .swiper-button-next,.index-case .swiper-container-rtl .swiper-button-prev{ right:46%;}
.index-case .swiper-button-next.swiper-button-disabled,.index-case .swiper-button-prev.swiper-button-disabled {opacity: .35;width: 35px; height: 35px; border-radius: 100%;}
.index-case .swiper-button-next,.index-case .swiper-button-prev{top: 95%;}
.index-case .swiper-button-next,.index-case .swiper-button-prev{ border: 1px solid #bda16a; background-color: #bda16a; background-image: #eee;width: 35px; height: 35px;border-radius: 100%;top: 90%; z-index: 99999;margin-top: 0px;}
.index-case .swiper-button-next,.index-case .swiper-button-prev{ -moz-background-size:10px 16px;-webkit-background-size:10px 16px;background-size:10px 16px;}
@media (max-width: 1200px) {
.index-case .i_case_time { padding: 2% 4%; width: 70%; }
.index-case .swiper-button-prev, .index-case .swiper-container-rtl .swiper-button-next{left:40%;right:auto}
.index-case .swiper-button-next,.index-case .swiper-container-rtl .swiper-button-prev{ right:40%;}
.index-case .i_case_time span { font-size: 20px;}
}
@media (max-width: 768px) {
.index-case .swiper-wrapper{ padding-bottom: 140px;}
.index-case .swiper-button-next,.index-case .swiper-button-prev{top: auto; bottom: 10px;}
.index-case .swiper-button-next,.index-case .swiper-button-prev{  width: 35px; height: 35px; }
.index-case .swiper-pagination{ color: #fff;}
.index-case .swiper-button-prev, .index-case .swiper-container-rtl .swiper-button-next{left:37%;right:auto}
.index-case .swiper-button-next,.index-case .swiper-container-rtl .swiper-button-prev{ right:37%;}
.index-case .i_case_time { padding: 1% 4%; width: 100%; }
.index-case .i_case_time span { font-size: 18px;}
.index-case .i_case_l_pic .rect-66 { padding-bottom:70%;}
.index-case .i_case_time {bottom: -70px;}
}
@media (max-width: 568px) {
.index-case .i_case_time span { font-size: 16px;}
}
/*index-service*/
.index-service{ background: url(../images/index4.jpg) no-repeat center; background-size:cover;}
.index-service .page_title span{ color: #fff;}
.index-service1{ margin: 30px auto 60px;}
.index-service1 .box{ background:#fff; padding:20px; box-shadow:0 0 20px rgba(0,0,0,.2) }
.index-service1 li img{ width: 100%;}
.index-service1 .box p{ color: #333333; font-size: 24px; text-align: center;}
.index-service1 li:hover .box { background:#bda16a;}
.index-service1 li:hover .box p{ color: #fff;}
.index-service1 .more{ display:block; width: 85px; margin-left: auto; margin-right: auto; height: 40px; line-height:40px; margin-top: 10px; color:#666; font-size:16px; background: url(../images/more.png) no-repeat right top;}
.index-service1 li:hover .more{color:#fff;  background: url(../images/more1.png) no-repeat right top; }
@media (max-width: 1440px) {
.index-service1 .box p{ font-size: 22px; }
}
@media (max-width: 1366px) {
.index-service1{ margin: 30px auto 0px;}
.index-service1 .box p{ font-size: 20px; }
}
@media (max-width: 1280px) {
.index-service1{ margin: 30px auto 0px;}
.index-service1 .box p{ font-size: 18px; }
.index-service1 .box{ padding:15px 10px; }
}
@media (max-width: 768px) {
.index-service1 .box{ padding:10px 5px; }
.index-service1 .box p{ padding: 10px; font-size: 16px; }
.index-service1 li { margin-bottom: 20px;}
.index-service1 .more{ margin-top: 0px;}
}
/*index-news*/

.index-news{ background: url(../images/index5.png) center no-repeat; background-size:cover;}
.index-news ul{ margin-top: 20px; width: 105%; padding-left: -15px; padding-right: -15px;}
.index-news .item{ margin-bottom:10px; margin-left: 5px; margin-right: 5px;}
.index-news .intro { background-color: #fff; box-shadow: 0 0 15px rgba(56,72,67,.16);}
.index-news .item .box{padding:60px;}
.index-news .item .rect-498{padding-bottom:49.8%;}
.index-news .item img{ width:100%;}
.index-news .item .box .tit{line-height:35px; height:70px; overflow:hidden;}
.index-news .item .box .desc{ min-height:65px; line-height:30px; margin-bottom:30px; font-weight: normal; overflow:hidden;}
.index-news .intro .box .date{font-size:24px; color: #333; margin-bottom: 40px; transition:.3s ease;}
.index-news .intro .box .date span{ font-size: 16px;  font-weight: normal; color: #999;}
.index-news .intro .box .tit{font-size:24px; color:#333; margin:10px 0 35px; transition:.3s ease;}
.index-news .intro .box .con{ color:#666666; min-height:65px; line-height:30px; margin-bottom:80px; overflow:hidden; }
.index-news .item:hover .intro { background-color: #bda16a; }
.index-news .item:hover .intro .box .newsmore,.index-news .item:hover .box .desc{ color:#fff;}
.index-news .item:hover .intro .box .tit,.index-news .item:hover .intro .box .con,.index-news .item:hover .intro .box .date,.index-news .item:hover .intro .box .date span{color:#fff;}
 
.index-news .swiper-wrapper{ padding-bottom: 100px;}
.index-news .swiper-button-prev, .index-news .swiper-container-rtl .swiper-button-next{left:46%;right:auto}
.index-news .swiper-button-next,.index-news .swiper-container-rtl .swiper-button-prev{ right:46%;}
.index-news .swiper-button-next.swiper-button-disabled,.index-news .swiper-button-prev.swiper-button-disabled {opacity: .35;width: 35px; height: 35px; border-radius: 100%;}
.index-news .swiper-button-next,.index-news .swiper-button-prev{top: 95%;}
.index-news .swiper-button-next,.index-news .swiper-button-prev{ border: 1px solid #bda16a; background-color: #bda16a; background-image: #eee;width: 35px; height: 35px;border-radius: 100%;top: 90%; z-index: 99999;margin-top: 0px;}
.index-news .swiper-button-next,.index-news .swiper-button-prev{ -moz-background-size:10px 16px;-webkit-background-size:10px 16px;background-size:10px 16px;}
@media (max-width: 1366px) {
.index-news .item .box{padding:50px 40px;}
.index-news .intro .box .tit{font-size:22px; }
}
@media (max-width: 1280px) {
.index-news .item .box{padding:45px 30px;}
.index-news .intro .box .con{ margin-bottom:60px; }
}
@media (max-width: 1024px) {
.index-news .intro .box .tit{font-size:20px; }
}
@media (max-width: 768px) {
.index-news .intro .box .tit{font-size:18px; margin-bottom: 10px; }
.index-news .intro .box .con{ margin-bottom:40px; }
.index-news .swiper-button-next,.index-news .swiper-button-prev{top: auto; bottom: 10px;}
.index-news .swiper-pagination-bullet {width: 25px!important;height: 2px!important; }
.index-news .swiper-button-next,.index-news .swiper-button-prev{ width: 35px; height: 35px; }
.index-news .swiper-pagination{ color: #fff;}
.index-news .intro .box .date{ margin-bottom: 20px;}
.index-news .intro .box .tit{font-size:18px; line-height: 30px;}
.index-news .swiper-button-prev, .index-news .swiper-container-rtl .swiper-button-next{left:37%;right:auto}
.index-news .swiper-button-next,.index-news .swiper-container-rtl .swiper-button-prev{ right:37%;}
}

/*内页banner*/
.page_banner{position:relative;  height:480px; margin-top: 90px;}
.page_banner .cat_box{position:absolute; bottom:45%; left:0; width:100%;}
.page_banner .cat_box .cat_name{font-size:38px; color:#fff; margin-top:30px;line-height:1;}
.page_banner .cat_box h4{font-size:30px; text-transform: uppercase; color:#fff; font-weight:normal; position: relative; padding-left: 40px;}
.page_banner .cat_box h4:before{ content: ""; left: 0px; top: 17px; position: absolute; background: #fff; width: 30px; height:2px;}
.about_banner{background:url(../images/about_banner.jpg) no-repeat center center; background-size:auto 100%;}
.news_banner{background:url(../images/news_banner.jpg) no-repeat center center;  background-size:auto 100%;}
.pro_banner{background:url(../images/pro_banner.jpg) no-repeat center center; background-size:auto 100%;}
.case_banner{background:url(../images/case_banner.jpg) no-repeat center center; background-size:auto 100%;}
.quality_banner{background:url(../images/quality_banner.jpg) no-repeat center center; background-size:auto 100%;}
.contact_banner{background:url(../images/contact_banner.jpg) no-repeat center center; background-size:auto 100%;}
.server_banner{background:url(../images/server_banner.jpg) no-repeat center center; background-size:auto 100%;}

@media (max-width:1440px){
.page_banner{height:360px;}
}
@media (max-width:1366px){
.page_banner{height:342px; margin-top:26px;}
.page_banner .cat_box .cat_name{font-size:30px;}
}
@media (max-width:1200px){
.page_banner{height:300px; margin-top:60px;}
.page_banner .cat_box .cat_name{font-size:26px;}

}
@media (max-width:992px){
.page_banner{ height:248px;}
.page_banner .cat_box h4{font-size:26px;}
}
@media (max-width: 768px){
.page_banner{margin-top: 54px; height:192px;}
.page_banner .cat_box h4{ display:none;}
.page_banner .cat_box{bottom:40%;}
.page_banner .cat_box .cat_name { margin-bottom: 0px;}
}
@media only screen and (max-width: 760px){
.page_banner .cat_box .cat_name {font-size:20px;margin-bottom: 10px;text-shadow:0 0 2px rgba(0,0,0,0.8); font-weight: normal; }
}
@media only screen and (max-width:425px){
.page_banner{  height:140px;}
.page_banner .cat_box{bottom:36%;}
}
@media only screen and (max-width:375px){
.page_banner{  height:140px;}
}
@media only screen and (max-width:325px){
.page_banner{  height:120px;}
}
.page_nav{height: 70px;line-height: 70px;border-bottom: 1px solid #eaeaea;}
.page_nav .crumb{float: left;}
.page_nav .crumb li{float: left;font-size: 16px;color: #666;}
.page_nav .crumb a{color: #666; float: left;font-size: 16px; position: relative; }
.page_nav .crumb .fa{  text-align: left; float: left; }
.page_nav .crumb a:last-child::after{ content: ""; width:0PX; }
.page_nav .r_sec{float: right;}
.page_nav .r_sec li{position:relative; float:left; font-size:18px; padding:0 15px; margin:0 15px;}
.page_nav .r_sec li:after{content:''; position:absolute; width:1px; height:12px; background:#dddddd; left:-10px; top:50%; margin-top:-6px;}
.page_nav .r_sec li:first-child:after{display:none;}
.page_nav .r_sec li:hover a,
.page_nav .r_sec li.cur a{color:#bda16a;}
.page_nav .r_sec li a{color:#666666;}
.page_nav .fa {margin:28px 8px 0; font-size:15px;}
.page_nav a:hover{color:#bda16a;}
@media (max-width: 1336px){
.page_nav .r_sec li{position:relative; float:left; font-size:17px; padding:0 10px; margin:0 10px;}
}
@media only screen and (max-width: 992px){
.page_nav .r_sec{float: left;}
.page_nav .crumb{display: none;}
}
@media (max-width: 768px){
.page_nav{line-height:50px; height:50px;}
.page_nav .r_sec li:after{left:-7px; }
}
@media (max-width:668px){
.page_nav{line-height:40px; height:40px;}
.page_nav .r_sec li{ font-size:16px;padding:0 8px; margin:0 8px;}
}    
@media only screen and (max-width: 425px){
.page_nav .container{padding-right: 0px;padding-left:1px;}
.page_nav{height: 40px;line-height: 40px;border-bottom: 1px solid #eaeaea;}
.page_nav .r_sec li{ padding:0 6px; margin:0 6px; }
}
@media only screen and (max-width: 400px){.page_nav .r_sec li{ padding:0 5px; margin:0 4px; }
}

.aboutpage{ background: url(../images/aboutbg.jpg) no-repeat left bottom; background-size: cover;}
.aboutpage .title h3{ font-size: 42px; color: #333; padding-bottom: 20px; margin-bottom: 10px; position: relative;}
.aboutpage .title h3:before{ position: absolute; left: 0px; bottom: 0px; width: 120px; height: 2px; content: ""; background-color: #bda16a;}
.aboutpage .title span{ font-size: 42px; color: #333;}
.aboutpage .content{ line-height: 28px; }
.aboutpage .content p { font-size: 16px; color: #666;}
.aboutpage .about-lists {width:100%; margin-top:60px; text-align: center; }
.aboutpage .about-lists ul{ width:100%; margin:0 auto; text-align: center; }
.aboutpage .about-lists ul li{ float: left; width: 25%; position:relative;}
.aboutpage .about-lists ul li:after{ position:absolute; right:12%; bottom:0; content:""; height:100%; width:1px; background:rgba(229, 229, 229, .75);}
.aboutpage .about-lists ul li:last-child:after{  width:0px; }
.aboutpage .about-lists .icon{ font-size:16px;  text-align: left; }
.aboutpage .about-lists .icon img { text-align: left; margin: 0 auto;}
.aboutpage .about-lists .index_about_name {line-height:60px; display: block;  text-align: left; font-size:16px; }
@media all and (max-width: 1750px) {
.aboutpage .about-lists {margin: 30px auto;}
}
@media (max-width:1280px) {
.aboutpage .title h3{ font-size: 34px; }
.aboutpage .title span{ font-size: 34px; }
}
@media (max-width:1024px) {
.aboutpage .about-lists .index_about_name { font-size:15px; line-height: 26px;}
.aboutpage .title h3{ font-size: 30px; }
.aboutpage .title span{ font-size: 30px; }
}
@media screen and (max-width:768px) {
.aboutpage .about-lists .index_about_name { line-height: 24px;}
.aboutpage .title h3{ font-size: 24px; padding-bottom:10px; margin-bottom: 10px;}
.aboutpage .title span{ font-size: 24px; }
.aboutpage .title h3:before{ width: 80px;}

}
@media screen and (max-width:600px) {
.aboutpage .about-lists {margin: 20px auto 0px;}
.aboutpage .about-lists ul li{ width: 50%; margin-bottom: 20px;}
.aboutpage .about-lists ul li:nth-child(2n):after{  width:0px; }
}
@media screen and (max-width:480px) {
.aboutpage .title { margin-bottom: 20px;}
.aboutpage .about-lists ul li { float:left; margin-bottom:20px; }
.aboutpage .about-lists .index_about_name { font-size: 15px; }
.aboutpage .about-lists ul li:after{ width:0px; }
.aboutpage .title h3{ font-size: 20px; }
.aboutpage .title span{ font-size: 20px; }
}
.culturepage{ background: url(../images/culturebg.jpg) no-repeat; background-size:cover;}
.culturepage .tit{ font-size: 30px;  color: #fff; text-align: center; margin-bottom: 40px;}
.culturepage ul li .culture-item {background-color: #fff;box-shadow: 5px 5px 15px rgba(0, 0, 0, .1);padding: 75px 0;}
.culturepage ul li .culture-item .culture-img {width:71px;height: 71px;margin: 0 auto;}
.culturepage ul li .culture-item .culture-img .img {width: 100%;height: 100%;}
.culturepage ul li .culture-item .culture-img .img2 { display: none;}
.culturepage ul li .culture-item:hover {background-color: #bda16a;color: #fff;}
.culturepage ul li .culture-item:hover .img1 {display: none;}
.culturepage ul li .culture-item:hover .img2 {display: block;}
.culturepage ul li .culture-item .culture-txt .culture-tit {font-size: 24px;margin: 20px 0; text-align: center; padding-bottom: 10px; position: relative;}
.culturepage ul li .culture-item .culture-txt .culture-tit:after{ position: absolute; left: 42%; bottom: 0px; width:50px; height: 3px; content: ""; background: #0e6db6;}
.culturepage ul li .culture-item .culture-txt .culture-c {font-size: 16px; text-align: center;}
.culturepage ul li .culture-item:hover .culture-txt .culture-tit:after{ background: #fff;}
.honorpage .tit{ font-size: 30px; text-align: center; margin-bottom: 40px;}
.honorpage ul{ margin-bottom: 20px;  }
.honorpage ul li{ background: url(../images/honor_bg.png) repeat-x bottom; padding: 0 10px 80px;}
.honorpage ul li img{width: 100%;}
.honorpage ul li p{ text-align: center; line-height:50px; font-size: 18px;}
.honorpage .swiper-container-honor { padding-bottom: 40px;}
.honorpage .swiper-button-prev, .honorpage .swiper-container-rtl .swiper-button-next{left:46%;right:auto}
.honorpage .swiper-button-next,.honorpage .swiper-container-rtl .swiper-button-prev{ right:46%;}
.honorpage .swiper-button-next.swiper-button-disabled,.honorpage .swiper-button-prev.swiper-button-disabled {opacity: .35;width: 35px; height: 35px; border-radius: 100%;}
.honorpage .swiper-button-next,.honorpage .swiper-button-prev{top: 95%;}
.honorpage .swiper-button-next,.honorpage .swiper-button-prev{ border: 1px solid #bda16a; background-color: #bda16a; background-image: #eee;width: 35px; height: 35px;border-radius: 100%;top: 90%; z-index: 99999;margin-top: 0px;}
.honorpage .swiper-button-next,.honorpage .swiper-button-prev{ -moz-background-size:10px 16px;-webkit-background-size:10px 16px;background-size:10px 16px;}
.videopage{background: url(../images/about_video.jpg) no-repeat center; background-size:cover; position: relative;}
.videopage.page-section{ padding: 150px 0;}
.videopage .tit{ font-size: 30px; line-height: 45px; text-align: center; color: #fff; }
.videopage .videopag-btn{ width:60px; height: 60px; margin: 30px auto 10px;}
.videopage .videopag-btn img{ width: 100%;}
.videopage .desc{font-size: 16px; line-height: 45px; text-align: center; color: #fff; }


.m2abtMvx1{ background-repeat:no-repeat; background-position:center center; background-size:100%; background-image: url(../images/about_video.jpg); padding: 230px 0; position:relative; cursor:pointer;}
/*
.m2abtMvx1:after{ content: ""; background: url(../images/m2abt_mvico.png) no-repeat center center; height:55px; width: 55px; position: absolute; left: 50%; top: 50%; transform:translate(-50%,-50%); background-size:cover; transition:all 0.5s ease;}
*/
.m2abtMvx1 .container { position: absolute; left: 50%; top: 50%; transform:translate(-50%,-50%);}
.m2abtMvx1 .container .tit{ font-size: 30px; line-height: 45px; margin-bottom:20px; text-align: center; color: #fff; }
.m2abtMvx1 .container .img{ line-height: 45px; text-align: center; }
.m2abtMvx1 .container .desc{font-size: 16px; line-height: 45px; margin-top: 20px; text-align: center; color: #fff; }

@media (max-width:1440px) {
.videopage.page-section{ padding: 120px 0;}
.videopage .tit{ font-size: 28px; }
.m2abtMvx1{ height:55vh;}
.m2abtMvx1 .container .tit{ font-size: 26px; }
}
@media (max-width:1366px) {
.culturepage ul li .culture-item .culture-txt .culture-c { min-height: 42px; }
.videopage.page-section{ padding: 80px 0;}
.videopage .tit{ font-size: 26px; }
.m2abtMvx1{ height:60vh;}
.m2abtMvx1 .container .tit{ font-size: 24px; }
}
@media (max-width:1280px) {
.culturepage .tit{ font-size: 24px; margin-bottom: 30px;}
.culturepage ul li .culture-item { padding: 25px 0;}
.culturepage ul li .culture-item .culture-txt .culture-tit {font-size: 20px;}
.culturepage ul li .culture-item .culture-txt .culture-tit:after{ width:35px; }
.culturepage ul li .culture-item .culture-txt .culture-c { min-height: 60px;}
.honorpage .tit{ font-size: 24px; margin-bottom: 30px;}
.videopage.page-section{ padding: 60px 0;}
.m2abtMvx1 .container .tit{ font-size: 22px; line-height:35px; margin-bottom:15px; }
.m2abtMvx1 .container .desc{ line-height: 35px; margin-top: 15px;}
.videopage .videopag-btn{ margin:20px auto 10px;}
}
@media (max-width:1080px) {
.m2abtMvx1{ background-image: url(../images/about_video1.jpg); height:65vh;}
}
@media (max-width:992px) {
.culturepage ul li .culture-item .culture-img {width:65px;height: 65px; }
.culturepage ul li .culture-item .culture-txt .culture-tit:after{ width:28px; }
.honorpage .swiper-button-prev, .honorpage .swiper-container-rtl .swiper-button-next{left:39%;right:auto}
.honorpage .swiper-button-next,.honorpage .swiper-container-rtl .swiper-button-prev{ right:39%;}
.videopage .tit{ font-size: 22px; }
.videopage .videopag-btn{ margin:10px auto 10px;}
.m2abtMvx1 { background-image: url(../images/about_video_m.jpg); background-size: 100% 100%; max-height: 320px;}
.m2abtMvx1 .container .tit{ font-size: 20px; line-height: 30px; margin-bottom:10px; }
.m2abtMvx1 .container .desc{ line-height: 30px; margin-top: 10px;}
}
 

@media (max-width: 768px) {
.culturepage ul li { margin-bottom: 20px;}
.culturepage ul li .culture-item .culture-txt .culture-tit:after{ left: 46%;}
.honorpage .swiper-button-next,.honorpage .swiper-button-prev{top: auto; bottom: 10px;}
.honorpage .swiper-pagination-bullet {width: 25px!important;height: 2px!important; }
.honorpage .swiper-button-next,.honorpage .swiper-button-prev{ width: 35px; height: 35px; }
.honorpage .swiper-pagination{ color: #fff;}
.honorpage .swiper-button-prev, .honorpage .swiper-container-rtl .swiper-button-next{left:37%;right:auto}
.honorpage .swiper-button-next,.honorpage .swiper-container-rtl .swiper-button-prev{ right:37%;}
.culturepage ul li .culture-item .culture-txt .culture-tit {font-size:18px;}
.videopage .videopag-btn{ width:50px; height: 50px; }
.m2abtMvx1 {height: 220px;}
.m2abtMvx1 .container .tit{ margin-bottom:10px; }
.m2abtMvx1 .container .desc{ margin-top: 10px;}
}
@media (max-width: 468px) {
.culturepage ul li .culture-item .culture-txt .culture-tit:after{ width:24px; }
.m2abtMvx1 .container .tit{ font-size: 18px; }
}
.left_nav{ background-color: #f2f4f6; margin-bottom: 25px; }
.left_nav dt{ line-height: 78px; border-bottom: 1px solid #fff; border-left: 2px solid #bda16a; font-size: 24px; font-weight: bold; padding-left: 35px;}
.left_nav dd{line-height: 35px; padding-top: 10px; padding-bottom: 10px; font-size: 18px;padding-left: 35px; border-bottom: 1px solid #fff; color: #666; }
.left_nav dd a:hover{ color: #bda16a; }
.left_nav .date{ font-size: 14px;} 
.left_news dd{ margin: 15px 35px; background-color: #fff; padding-left: 8px; padding-right: 8px;}
.left_news dl{ padding-bottom: 25px;}
.left_case ul { margin: 25px 35px;}
.left_case ul li { text-align: center;}
.left_case ul li img{ width: 100%;}
.left_case ul li a{line-height: 45px; padding-bottom: 15px; font-size: 16px;}
.left_case ul li a:hover{ color:#bda16a;}

.left_nav .pc-aside {display: block;/* box-shadow: 0 4px 10px rgba(11,1,2,.1);*/}
.left_nav .pc-aside li{border-bottom: 1px solid #e5e5e5; }
.left_nav .pc-aside a{display: block; text-decoration:none;}
.left_nav .pc-aside .aside-tit{position: relative;font-size: 18px;color: #666; padding:15px 25px;}
.left_nav .pc-aside .aside-tit1{position: relative;font-size: 18px;color: #666; padding:15px 25px;}
.left_nav .pc-aside .aside-tit:after{content: "";position: absolute;right: 25px;top:50%;margin-top:-7px;width: 18px;height: 18px;background-image:url(../images/2_1.png);background-repeat: no-repeat;background-position: center;background-size: cover;transition:all .3s linear;}
.left_nav .pc-aside .aside-tit1:after{content: "";position: absolute;right: 25px;top:50%;margin-top:-7px;width: 18px;height: 18px;background-image:url(../images/2_1.png);background-repeat: no-repeat;background-position: center;background-size: cover;transition:all .3s linear;}
.left_nav .pc-aside .sub{display: none;}
.left_nav .pc-aside .sub a{ color: #666; font-size: 18px;text-decoration:none;padding:15px 0 15px 50px;border-top:1px solid #fff; background-repeat: no-repeat;background-position: right center;transition:all .3s linear;}
.left_nav .pc-aside .sub a:hover{color: #026f6a; text-decoration:none;}
.left_nav .pc-aside li.cur .aside-tit{color: #333;}
.left_nav .pc-aside li.cur .aside-tit:after{ background-image:url(../images/2_1m.png);background-repeat: no-repeat;}
.left_nav .pc-aside .sub a:hover,.left_nav .pc-aside .sub a.cur{color:#333; text-decoration:none;}
.left_nav.menu .ul1 li:last-child{border:none;}
.left_nav .pc-aside {display: block;/* box-shadow: 0 4px 10px rgba(11,1,2,.1);*/}
.left_nav .pc-aside li{border-bottom: 1px solid #e5e5e5; }

@media(max-width:1366px) {
.left_nav dt{font-size: 22px; padding-left: 25px;}
.left_nav dd{ padding-left: 25px; }
.left_news dd{ margin: 15px 25px;}
}
@media(max-width:1280px) {
.left_nav dt{ line-height: 48px;font-size: 18px; padding-left: 15px;}
.left_nav dd{line-height: 25px; font-size: 16px;padding-left: 15px; }
.left_news dd{ margin: 15px 15px; padding-left: 5px; padding-right: 5px;}
}
@media(max-width:768x) {
.prolist { margin-bottom: 25px;}
}
.prolistmenu { margin-bottom: 40px;}
/*
.prolistmenu dl dt{ float: left;font-size: 16px; width: 100px; padding-right: 15px; margin-right: 45px; background: url(../images/prolist_arrow.png) no-repeat right center; } 
.prolistmenu dl dd{ float: left;  margin-right: 45px; } 
*/
.prolistmenu .nav { display: flex; align-items: center; flex-wrap: nowrap;}
.prolistmenu .nav .title { display: flex; align-items: center; font-weight: 800; font-size: 18px;}
.prolistmenu .nav .title:after { content: ""; margin: 0 45px 0 30px; display: inline-block; width: 26px; height: 20px; background: url(../images/prolist_arrow.png) no-repeat; }
.prolistmenu .nav .nav-items { display: flex; align-items: center; flex-wrap: wrap;}
.prolistmenu .nav .nav-items li { padding: 13px 25px; min-width: 200px; text-align: center; border-radius: 30px; font-size: 16px; border: 1px solid #888888; margin-right: 45px;}
.prolistmenu .nav .nav-items li:last-child { margin-right: 0;}
.prolistmenu .nav .nav-items li a { color: #252b3a;}
.prolistmenu .nav .nav-items li.acitve { background-color: #bda16a; border-color: #bda16a;}
.prolistmenu .nav .nav-items li.acitve a { color: #fff;}
.prolistmenu .nav .nav-items li:hover { background-color: #bda16a; border-color: #bda16a;}
.prolistmenu .nav .nav-items li:hover a { color: #fff;}


.propage .prolist ul{height:420px !important;}
.propage .prolist li {margin-bottom: 30px;}
.propage .prolist li .flip-content{ text-align:center; background:#fff; border-radius:15px; box-shadow:0 2px 20px rgba(0,0,0,0.06); padding-bottom:20px; }
.propage .prolist .imgbox{ padding-top:69%; border-radius:15px 15px 0 0;}
.propage .prolist .ti{ line-height:32px; font-size:24px; margin-top: 25px; color:#333333;}
.propage .prolist .ico{ padding:20px 0 5px;}
.propage .prolist .ico img{ width:40px; height:40px;}
.propage .prolist .more{ display:block; width: 100px; margin-left: auto; margin-right: auto; height: 40px; line-height:40px; margin-top: 10px; color:#666; font-size:16px; background: url(../images/more.png) no-repeat right top; }
.propage .prolist li:hover .flip-content{background:#bda16a; }
.propage .prolist li:hover .ti{color:#fff;}
.propage .prolist li:hover .more{color:#fff; background: url(../images/more1.png) no-repeat right top; }

@media (max-width: 1440px){
.prolistmenu .nav .title:after { margin: 0 35px 0 25px;}
.prolistmenu .nav .nav-items li { padding: 13px 20px;min-width: 190px; margin-right: 40px;}
.propage .prolist .ti{ font-size:22px; margin-top: 20px; }

}
@media (max-width: 1366px){
.prolistmenu .nav .title:after { margin: 0 30px 0 20px;}
.prolistmenu .nav .nav-items li { padding: 13px 15px;min-width: 180px; margin-right:35px;}
.propage .prolist .ti{ font-size:20px; }
.propage .prolist .more{ margin-top: 5px;}

}
@media (max-width: 1280px){
.prolistmenu .nav .title:after { margin: 0 30px 0 17px;}
.prolistmenu .nav .nav-items li { padding: 13px 15px;min-width: 170px; margin-right:30px;}
.propage .prolist li .flip-content{ padding-bottom:10px; }
.propage .prolist .ti{ margin-top: 15px;}
}
@media (max-width: 1200px){
.prolistmenu .nav .title:after { margin: 0 25px 0 17px;}
.prolistmenu .nav .nav-items li { padding: 10px 15px;min-width: 160px; margin-right:25px;}
}
@media (max-width: 992px){
.prolistmenu .nav .title:after { margin: 0 20px 0 15px;}
.prolistmenu .nav .nav-items li { padding: 10px 10px;min-width: 150px; margin-right:20px;}
}
@media (max-width: 768px){
.prolistmenu .nav .title { display: none;}
.prolistmenu .nav .nav-items li { padding: 10px 10px;min-width: 150px; margin-right:20px;}
}
@media (max-width: 568px){
.prolistmenu .nav .nav-items li { padding: 8px 10px;min-width: 130px; margin-right:10px;}
.propage .prolist li .flip-content{ padding-bottom:5px; }
.propage .prolist .ti{ font-size: 18px; margin-top: 10px;}

}
@media (max-width: 468px){
.prolistmenu .nav { display: block; align-items: center; flex-wrap: nowrap;}
.prolistmenu .nav .nav-items { display: block; align-items: center; flex-wrap: wrap;}
.prolistmenu .nav .nav-items li { float: left; width: 47%; margin-right:10px; margin-bottom: 15px;}
}
@media (max-width: 400px){
.propage .prolist ul{height:360px !important;}
.propage .prolist li{ width:99%;}

}
.pagetitle { margin-bottom: 40px;}
.pagetitle h3{font-size: 30px; margin-bottom: 20px; text-align: center;}
.pagetitle .desc{ font-size: 16px; color: #666666; text-align: center; }
@media(max-width:1366px) {
.pagetitle { margin-bottom: 30px;}
.pagetitle h3{font-size: 24px;}
}
@media(max-width:1280px) {
.pagetitle h3{font-size: 20px; }
}
@media(max-width:992px) {
.pagetitle { margin-bottom: 20px;}
.pagetitle h3{font-size: 18px; }
}
    
.show-pro{ padding:30px 55px 55px; box-shadow: 0 0 8px rgba(153,153,153,0.4);}
.show-pro .param-t{font-size: 30px; color: #bda16a; padding-bottom: 20px; border-bottom:1px solid #ccc; margin-bottom: 40px; }
.show-pro .param-tit{font-size: 24px; padding-bottom:10px; color: #333; }
.show-pro .param-s{ margin-bottom: 20px; color: #666; }
.show-pro .param-c h3{ font-size: 18px; font-weight: 600; line-height: 50px; }
.show-pro .param-c p{ line-height:30px; color: #666; }
.show-pro .param-img{ margin-bottom: 30px; text-align: center; margin: 0 auto; }
.show-pro .param-c img{ max-width: 100%; text-align: center; margin: 0 auto; }
@media(max-width:1365px) {
.show-pro img{ width: 100%;}
}
@media(max-width:1280px) {
.show-pro{ padding: 35px;}
.show-pro .param-t{font-size: 20px;padding-bottom:20px; }
.show-pro .param-tit{font-size: 20px; }
}
@media(max-width:680px) {
.show-pro{ padding: 20px;}
.show-pro .param-t{font-size: 18px; padding-bottom:10px; margin-bottom: 20px;}
.show-pro .param-tit{font-size: 18px; }
.show-pro .param-c p{ font-size: 15px;line-height:26px;}
.show-pro .param-s{ margin-bottom: 20px; }
}
.casepage li { margin-bottom: 30px;}
.casepage .i_case_l_pic {position: relative;  box-shadow:0 0 20px rgba(0,0,0,.2)}
.casepage .i_case_l_pic img {width: 100%;}
.casepage .i_case_time {position: absolute;bottom: 0;left: 0;background: rgba(255, 255, 255, 0.98);  content: "";  padding: 5% 8%; width: 66%; z-index: 99;}
.casepage .i_case_time span {display: block; font-size: 20px; color: #222;}
.casepage .i_case_time .more{ display:block; width: 85px; height: 40px; line-height:40px; margin-top: 10px; color:#666; font-size:16px; background: url(../images/more.png) no-repeat right top;}
.casepage .i_case_l_pic a:hover .i_case_time{background:#bda16a;}
.casepage .i_case_l_pic a:hover .i_case_time span { color: #fff; }
.casepage .i_case_l_pic a:hover .i_case_time .more{color:#fff;  background: url(../images/more1.png) no-repeat right top; }
.pro-big-img .gallery-left{width:100%;border: 1px solid #eeeeee; margin: 0; }
.pro-big-img .gallery-left img{width: 100%;}
.pro-big-img .gallery-left .swiper-slide{width: 100%;height: initial;}
.pro-big-img .gallery-left .swiper-slide img{width: 100%;height: initial; }
.pro-big-img .gallery-thumbs{padding: 12px 25px 0px;margin:10px 0 0 0px; box-sizing: border-box;}
.pro-big-img .gallery-thumbs img{width: 100%; overflow: hidden; border: 2px solid #eeeeee; }
.pro-big-img .gallery-thumbs .swiper-button-pro-prev,.pro-big-img .gallery-thumbs .swiper-button-pro-next{margin: 0 auto;}
.pro-big-img .gallery-thumbs .swiper-button-pro-next{-webkit-transform: rotate(0deg) translate(0, 0);transform: rotate(0deg) translate(0, 0);/**/left:inherit;right:1px;top:46%;}
.pro-big-img .gallery-thumbs .swiper-button-pro-prev{-webkit-transform: rotate(0deg) translate(0, 0);transform: rotate(0deg) translate(0, 0);/**/left:0px;right:inherit;top:46%; }
.pro-big-img .gallery-thumbs .swiper-slide {opacity: 0.6;height: initial; }
.pro-big-img .gallery-thumbs .swiper-slide img{width: 100%;}
.pro-big-img .gallery-thumbs .swiper-slide-thumb-active {opacity: 1;}
.pro-big-img .gallery-thumbs .swiper-button-next,.pro-big-img .gallery-thumbs .swiper-button-prev  {width: 16px;height: 26px;-moz-background-size:16px 26px;-webkit-background-size: 16px 26px;background-size: 16px 26px;}
/*
.pro-big-img .swiper-button-prev.swiper-button-black,.pro-big-img .swiper-container-rtl .swiper-button-next.swiper-button-black {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")
}
*/

.pro_show { background-color:#fff; padding:40px; border: 1px solid #fafafa; box-shadow: rgba(0, 0, 0, 0.1) 4px 4px 20px 2px;}
.casepages .caselist ul{height:420px !important;}
.casepages .caselist li {margin-bottom: 30px;}
.casepages .caselist li .flip-content{ text-align:center; background:#fff; box-shadow:0 2px 20px rgba(0,0,0,0.06); padding-bottom:20px; }
.casepages .caselist .imgbox{ padding-top:69%; }
.casepages .caselist .ti{ line-height:32px; font-size:24px; margin-top: 25px; color:#333333;}
.casepages .caselist .ico{ padding:20px 0 5px;}
.casepages .caselist .ico img{ width:40px; height:40px;}
.casepages .caselist .more{ display:block; width: 100px; margin-left: auto; margin-right: auto; height: 40px; line-height:40px; margin-top: 10px; color:#666; font-size:16px; background: url(../images/more.png) no-repeat right top; }
.casepages .caselist li:hover .flip-content{background:#bda16a; }
.casepages .caselist li:hover .ti{color:#fff;}
.casepages .caselist li:hover .more{color:#fff; background: url(../images/more1.png) no-repeat right top; }
@media (max-width: 1440px){
.casepages .caselist .ti{ font-size:22px; margin-top: 20px; }
}
@media (max-width: 1366px){
.casepages .caselist .ti{ font-size:20px; overflow: hidden; text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;}
.casepages .caselist .more{ margin-top: 5px;}
}
@media (max-width: 1280px){
.casepages .caselist li .flip-content{ padding-bottom:10px; }
.casepages .caselist .ti{ margin-top: 15px;}
}
@media (max-width: 568px){
.casepages .caselist li .flip-content{ padding-bottom:5px; }
.casepages .caselist .ti{font-size:18px; margin-top: 10px;}
}
@media (max-width: 400px){
.casepages .caselist ul{height:360px !important;}
.casepages .caselist li{ width:99%;}
}


.video{ width: 100%;height: 500px;}

.custompage li .box {position: relative;}
.custompage li .box .cover {position: absolute;left: 0;top: 0;width: 100%;height: 100%;background-color: #0169b5;font-size: 16px;color: #ffffff;display: flex;justify-content: center;align-items: center;opacity: 0;-webkit-transition: .3s;-o-transition: .3s;transition: .3s;}
.custompage li .box:hover .cover {opacity: 1;}
.col li{margin-bottom:30px;}
.col li img { border:1px solid #ccc;  width: 100%;}
@media (max-width: 1280px) {
.casepage .i_case_time {padding: 3% 5%; }
}
@media (max-width: 1160px) {
.casepage .i_case_time { padding:3% 3%; }
.casepage .i_case_time .more{ margin-top: 5px; }
}
@media (max-width: 992px) {
.casepage .i_case_time {padding:1% 1%; width: 73%;}
.casepage .i_case_time span { font-size:18px; }
}
@media (max-width: 768px) {
.casepage .i_case_time {padding:2% 5%; }
.casepage .i_case_time .more{ margin-top: 0px; }
.col li{margin-bottom:20px;}
.col li img{ width: 100%;}
}
@media (max-width: 568px) {
.col li{margin-bottom:15px;}
.custompage .col-xs-4{padding-right: 5px; padding-left: 5px;}
.casepage li { margin-bottom: 60px;}
.casepage .i_case_time {bottom: -30px; padding:3% 1%; width: 100%;}
.casepage .i_case_time .more{ display: none;}
.casepage .i_case_time span { font-size:16px; text-align: center; }
}
.servicepage .content .item{margin-bottom:25px;}
.servicepage .content .item .left { width: 50%; float: left;}
.servicepage .content .item .right .box .c{ font-size: 16px; line-height:32px; color:#5a5a5a; overflow:hidden; }
.servicepage .content .item .right .box .t{font-size: 24px; margin-bottom: 20px; color: #bda16a; }
.servicepage .content .item .right { width: 50%; float: left; box-shadow:0 2px 20px rgba(0,0,0,0.06); border: 1px solid #f0f0f0; padding:90px 70px;}
.servicepage .content .item .right .box { min-height: 235px;}
.servicepage .midimg img{ width: 100%;}
.servicepage li { margin-bottom: 30px;}
.servicepage li .infor{padding:20px 0px; text-align:center;  box-shadow: rgba(0, 0, 0, 0.1) 4px 4px 20px 2px;}
.servicepage li .infor .title{ font-size: 17px; }
.servicepage li img{ width:100%;}
@media (max-width:1540px){
.servicepage .content .item .right { padding:83px 50px;}
}
@media (max-width:1439px){
.servicepage .content .item .right { padding:70px 50px;}
}
@media (max-width:1360px){
.servicepage .content .item .right { padding:63px 50px;}
}
@media (max-width:1345px){
.servicepage .content .item .right { padding:61px 50px;}
}
@media (max-width:1299px){
.servicepage .content .item .right { padding:56px 50px;}
}
@media (max-width:1279px){
.servicepage .content .item .right { padding:51px 50px;}
}
@media (max-width:1199px){
.servicepage .content .item .left{ height: 334px; overflow: hidden;}
.servicepage .content .item .left .rect-595{ height: 100%;}
.servicepage .content .item .right { padding:48px 30px;}
}
@media (max-width:825px){
.servicepage .content .item .right { padding:42px 30px;}
}
@media (max-width:768px){
.servicepage .content .item .right .box { min-height: 170px;}
.servicepage .content .item .left { width: 100%; }
.servicepage .content .item .right { width: 100%; padding:20px 20px;}
.servicepage .content .item .right .box .t{font-size: 20px; }
.servicepage .content .item .right .box .c{ line-height:28px;}
.servicepage li .infor{padding:10px 0px; text-align:center; }
.servicepage li .infor .title{ font-size: 16px; }
}
@media (max-width:568px){
.servicepage .midimg{ display: none;}
}
@media (max-width:568px){
.servicepage .content .item .left{ height: 200px;}
.servicepage .content .item .left .rect-595{ height: 80%;}
}
 
.quality_pt1 .swiper-container {margin-left: auto;margin-right: auto;position: relative;z-index: 1}
.quality_pt1 .swiper-container-no-flexbox .swiper-slide {float: left}
.quality_pt1 .swiper-container-vertical> .swiper-wrapper {-webkit-box-orient: vertical;-moz-box-orient: vertical;-ms-flex-direction: column;-webkit-flex-direction: column;flex-direction: column}
.quality_pt1 .swiper-wrapper {position: relative;width: 10%;height: 100%;z-index: 1;display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-transition-property: -webkit-transform;-moz-transition-property: -moz-transform;-o-transition-property: -o-transform;-ms-transition-property: -ms-transform;transition-property: transform;-webkit-box-sizing: content-box;-moz-box-sizing: content-box;box-sizing: content-box;}
.quality_pt1 .swiper-wrapper {position: relative;-webkit-transform: translate3d(0, 0, 0);-moz-transform: translate3d(0, 0, 0);-o-transform: translate(0, 0);-ms-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0)}
.quality_pt1 .swiper-slide {-webkit-flex-shrink: 0;-ms-flex: 0 0 auto;flex-shrink: 0;width: 50%;height: 100%;position: relative;padding: 0;}
.quality_pt1 .swiper-button-next, .quality_pt1 .swiper-button-prev {position: absolute;top: 50%;width: 50px;height: 50px;border-radius: 50%;opacity: 0.75;margin-top: -25px;-moz-background-size: 20px 33px;-webkit-background-size: 20px 33px;background-size: 20px 33px;background-position: center;background-repeat: no-repeat;cursor: pointer;}
.quality_pt1 .swiper-button-next, .quality_pt1 .swiper-container-rtl .swiper-button-prev {background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");right: 7%;left: auto;}
.quality_pt1 .banner-box {width: 100%;float: left;position: relative;overflow: hidden;}
.quality_pt1 .swiper-container {width: 100%; padding-top: 5%; padding-bottom: 5%;}
.quality_pt1 .swiper-slide {-webkit-transform-style: preserve-3d;-moz-transform-style: preserve-3d;-ms-transform-style: preserve-3d;transform-style: preserve-3d;transform: scale(.8);-webkit-transition: all .5s;-moz-transition: all .5s;-o-transition: all .5s;transition: all .5s;-webkit-transition: transform 1.0s;-moz-transition: transform 1.0s;-ms-transition: transform 1.0s;-o-transition: transform 1.0s;-webkit-transform: scale(0.75);}
.quality_pt1 .swiper-slide-active, .quality_pt1 .swiper-slide-duplicate-active {-webkit-transform: scale(1.16);transform: scale(1.16);}
.quality_pt1 .swiper-slide img {width: 100%;display: block;}
.quality_pt1 .swiper-pagination-bullet-active {opacity: 1;}
.quality_pt1 .swiper-pagination-bullet-active {opacity: 1;}
.banner-arrow div:hover {background-color: #ffffff;}
.quality_pt1 .swiper-button-prev {background: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23999999'%2F%3E%3C%2Fsvg%3E") #ffffff center 50%/50% 50% no-repeat;left: 7%;	background-size: 10px;}
.quality_pt1 .swiper-button-next {background: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23999999'%2F%3E%3C%2Fsvg%3E") #ffffff center 50%/50% 50% no-repeat;background-size: 10px;}
.quality_pt1 .layer-mask {width: 100%;height: 100%;opacity: 0.47;transition: all 0.5s;background-color: #fff;position: absolute;left: 0;top: 0;right: 0;}
.quality_pt1 .swiper-slide-active .layer-mask {display: none;}
 
.quality_pt2{ background:#f7f7f7 url(../images/quality_pt2.png) no-repeat bottom; background-size:cover;}
.quality_pt2 .box{ background:#fff; padding:20px; box-shadow:0 0 20px rgba(0,0,0,.2) }
.quality_pt2 li img{ width: 100%;}
.quality_pt2 .box p{ color: #333333; font-size: 24px; text-align: center;}
.quality_pt2 li:hover .box { background:#bda16a;}
.quality_pt2 li:hover .box p{ color: #fff;}
.quality_pt2 .swiper-wrapper{ padding-bottom: 100px;}
.quality_pt2 .swiper-button-prev, .quality_pt2 .swiper-container-rtl .swiper-button-next{left:46%;right:auto}
.quality_pt2 .swiper-button-next,.quality_pt2 .swiper-container-rtl .swiper-button-prev{ right:46%;}
.quality_pt2 .swiper-button-next.swiper-button-disabled,.quality_pt2 .swiper-button-prev.swiper-button-disabled {opacity: .35;width: 35px; height: 35px; border-radius: 100%;}
.quality_pt2 .swiper-button-next,.quality_pt2 .swiper-button-prev{top: 95%;}
.quality_pt2 .swiper-button-next,.quality_pt2 .swiper-button-prev{ border: 1px solid #bda16a; background-color: #bda16a; background-image: #eee;width: 35px; height: 35px;border-radius: 100%;top: 90%; z-index: 99999;margin-top: 0px;}
.quality_pt2 .swiper-button-next,.quality_pt2 .swiper-button-prev{ -moz-background-size:10px 16px;-webkit-background-size:10px 16px;background-size:10px 16px;}
@media (max-width: 1440px) {
.quality_pt2 .box p{ font-size: 22px; }
}
@media (max-width: 1366px) {
.quality_pt2{ margin: 30px auto 0px;}
.quality_pt2 .box p{ font-size: 20px; }
}
@media (max-width: 1280px) {
.quality_pt2{ margin: 30px auto 0px;}
.quality_pt2 .box p{ font-size: 18px; }
.quality_pt2 .box{ padding:15px 10px; }
}
@media (max-width: 768px) {
.quality_pt1 .swiper-button-next, .quality_pt1 .swiper-button-prev { width: 40px;height: 40px; -moz-background-size: 15px 24px;-webkit-background-size: 15px 24px;background-size: 15px 24px; }
.quality_pt1 .swiper-button-prev { background-size: 7px;left: 5%;}
.quality_pt1 .swiper-button-next { background-size: 7px;right: 5%;}
.quality_pt2 .box{ padding:10px 5px; }
.quality_pt2 .box p{ padding: 10px; font-size: 16px; }
.quality_pt2 .swiper-button-next,.quality_pt2 .swiper-button-prev{top: auto; bottom: 10px;}
.quality_pt2 .swiper-pagination-bullet {width: 25px!important;height: 2px!important; }
.quality_pt2 .swiper-button-next,.quality_pt2 .swiper-button-prev{ width: 35px; height: 35px; }
.quality_pt2 .swiper-pagination{ color: #fff;}
.quality_pt2 .intro .box .date{ margin-bottom: 20px;}
.quality_pt2 .intro .box .tit{font-size:18px; line-height: 30px;}
.quality_pt2 .swiper-button-prev, .quality_pt2 .swiper-container-rtl .swiper-button-next{left:37%;right:auto}
.quality_pt2 .swiper-button-next,.quality_pt2 .swiper-container-rtl .swiper-button-prev{ right:37%;}
}

.newspage ul{ margin-top: 20px;}
.newspage ul li{ margin-bottom:30px;}
.newspage .item{ margin-bottom:10px; margin-left: 5px; margin-right: 5px;}
.newspage .intro { background-color: #fff; box-shadow: 0 0 15px rgba(56,72,67,.16);}
.newspage .item .box{padding:60px;}
.newspage .item .rect-498{padding-bottom:49.8%;}
.newspage .item img{ width:100%;}
.newspage .item .box .tit{line-height:35px; height:70px; overflow:hidden;}
.newspage .item .box .desc{ min-height:65px; line-height:30px; margin-bottom:30px; font-weight: normal; overflow:hidden;}
.newspage .intro .box .date{font-size:24px; color: #333; margin-bottom: 40px; transition:.3s ease;}
.newspage .intro .box .date span{ font-size: 16px;  font-weight: normal; color: #999;}
.newspage .intro .box .tit{font-size:24px; color:#333; margin:10px 0 35px; transition:.3s ease;}
.newspage .intro .box .con{ color:#666666; min-height:65px; line-height:30px; margin-bottom:80px; overflow:hidden; }
.newspage .item:hover .intro { background-color: #bda16a; }
.newspage .item a:hover .intro .box .tit{ color:#fff;}
.newspage .item:hover .intro .box .newsmore,.newspage .item:hover .box .desc{ color:#fff;}
.newspage .item:hover .intro .box .tit,.newspage .item:hover .intro .box .con,.newspage .item:hover .intro .box .date,.newspage .item:hover .intro .box .date span{color:#fff;}
@media (max-width: 1366px) {
.newspage .item .box{padding:50px 40px;}
.newspage .intro .box .tit{font-size:22px; }
}
@media (max-width: 1280px) {
.newspage .item .box{padding:45px 30px;}
.newspage .intro .box .con{ margin-bottom:60px; }
}
@media (max-width: 1024px) {
.newspage .intro .box .tit{font-size:20px;  margin: 10px 0 30px;}
.newspage .intro .box .date{font-size:22px; margin-bottom: 30px;}
}
@media (max-width: 768px) {
.newspage .intro .box .tit{font-size:18px; line-height: 30px; height: 60px; margin: 10px 0 25px; }
.newspage .intro .box .con{ margin-bottom:40px; } 
}
@media (max-width: 767px) {
.newspage .col-xs-6{width: 100%;}
.newspage .item .box{padding:35px 20px;}
.newspage .intro .box .tit{ margin: 10px 0 15px; overflow: hidden; text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;  }
.newspage .intro .box .date{font-size:20px; margin-bottom: 20px;}
}
@media (max-width: 468px) {
.newspage .item .box{padding:25px 15px;}
}
.newsdetail .left{ width: 85px; float: left;}
.newsdetail .left .return{ background: #bda16a; }
.newsdetail .left .return .img{width: 100%; height: 90px; line-height: 90px; text-align: center; }
.newsdetail .left .share{ background: #707070; }
.newsdetail .left .share .img{width: 100%; height: 90px; line-height: 90px; text-align: center; }
.newsdetail .right{ width: 92%; float: left;}
.newsdetail .right .box{  padding: 55px 65px; box-shadow: 0px 1px 8px rgba(153,153,153,0.4);}
.newsdetail .right .title{ font-size:30px; color: #333333; text-align: center; } 
.newsdetail .right .tool { margin-top:25px; padding-bottom:20px; width: 100%;margin-left: auto; margin-right: auto; text-align: center; border-bottom: 1px solid #dcdcdc;}
.newsdetail .right .tool  { font-size: 16px; color: #999;}
.newsdetail .right .tool span{ margin-left: 15px; margin-right: 15px;}
.newsdetail .right .news-c {margin-top:40px; color: #666; line-height: 30px;}
.newsdetail .right .news-c h3{font-size:20px; line-height: 40px; color: #333333; }
.newsdetail .right .news-c * { font-size: 16px; margin-top: 10px; }
.newsdetail .right .news-c img { max-width: 100%;}
@media (max-width: 1440px) {
.newsdetail .right .title{ font-size:28px;}
}
@media (max-width: 1366px) {
.newsdetail .right .box{  padding: 45px 55px;}
.newsdetail .right .title{ font-size:24px;}
.newsdetail .right .tool { margin-top:20px; padding-bottom:15px; }
}
@media (max-width: 1280px) {
.newsdetail .right .box{  padding: 40px 50px;}
.newsdetail .right .title{ font-size:22px;}
}
@media (max-width: 1140px) {
.newsdetail .right{ width: 91%; float: left;}
}
@media (max-width: 1024px) {
.newsdetail .right{ width: 90%; }
.newsdetail .right .box{  padding: 35px 45px;}
.newsdetail .right .tool { margin-top:15px; padding-bottom:15px; }
.newsdetail .right .news-c { margin-top:30px; }
.newsdetail .right .news-c h3{font-size:18px; line-height: 35px; }
}
@media (max-width: 924px) {
.newsdetail .left{ width: 0px; display: none; float: none;}
.newsdetail .right{ width: 100%; }
}
@media (max-width: 768px) {
.newsdetail .right .box{  padding: 25px 35px;}
.newsdetail .right .title{ font-size:20px;}
.newsdetail .right .news-c { margin-top:15px; }
.newsdetail .right .tool { margin-top:10px; }
}
@media (max-width: 568px) {
.newsdetail .right .box{ padding: 15px 15px;}
.newsdetail .right .tool span{ margin-left: 10px; margin-right: 10px;}
}
@media (max-width: 468px) {
.newsdetail .right .title{ font-size:18px;}
.newsdetail .right .tool {font-size: 15px;}
.newsdetail .right .tool span{ margin-left: 5px; margin-right:5px;}
}
.contact .map_box .box{ width: 94%;}
.contact .map_box .map{ height: 100%; overflow:hidden;/*height:750px;*/}

.contact .map_box .desc{ font-size: 16px; line-height: 35px; color: #333; margin-bottom: 25px; }
.contact .map_box .con dl{ border: 1px solid #dcdcdc;}
.contact .map_box .con dd{ font-size: 17px; color: #333; line-height:90px; border-bottom: 1px solid #dcdcdc;}
.contact .map_box .con dd .icon{ width: 70px; line-height:90px; height:90px; margin-right:15px;text-align: center; float: left; border-right: 1px solid #dcdcdc;}
.contact .map_box .con dd:last-child{ border-bottom: 0px;}
.contact  .ditu{width:100%;height:493px; text-align:center;/*position:absolute;bottom:0px;left:0; z-index:0; */}
.message{ background:#fafafa;}
@media(max-width:1200px) {
.contact .map_box .box{ width: 100%; margin-bottom: 30px;}
.contact .map_box .map img{max-width: 100%;}
}
@media(max-width:768px) {
.contact .map_box .box{ margin-bottom: 20px;}
.contact .map_box .map{ margin-top: 20px; }
.contact .map_box .con dd{ font-size: 16px; line-height:70px; }
.contact .map_box .con dd .icon{ width: 60px; line-height:70px; height:70px; }
.contact .map_box .desc{ line-height: 30px; margin-bottom: 15px; }
.contact  .ditu{width:100%;height:400px;}
}
@media(max-width:568px) {
.contact  .ditu{width:100%;height:360px;}
}
@media(max-width:425px) {
.contact .map_box .con dd{ line-height:60px; }
.contact .map_box .con dd .icon{ width: 50px; line-height:60px; height:60px; margin-right:5px; }
.contact  .ditu{width:100%;height:320px;}

}
@media(max-width:400px) {
.contact .map_box .con dd{ line-height:35px; padding-top: 10px; padding-bottom: 10px; }
.contact .map_box .con dd .icon{ width: 42px; margin-right:3px; line-height:35px; height:35px; }
.contact  .ditu{width:100%;height:280px;}
}
@media(max-width:385px) {
.contact .map_box .con dd .icon{ width: 36px; margin-right:1px; border-right: 0px solid #dcdcdc; }
}

.policy .desc p{ line-height:30px; color: #666; font-size: 16px;}
.policy .desc strong{ margin-bottom:25px; color: #333; }
@media  screen and (max-width:1024px){
.policy .desc { margin: 0 auto; width: 100%;}
.policy .desc p{ line-height: 28px; font-size: 15px;}
}

#video {width: 100%;height: 594px;margin: 0 auto;position: relative;}
#video video {width: 100%;height: 100%;object-fit: fill;}
.VideoBtn {position: absolute;left: 50%;top: 50%;display: block;width: 70px;height: 70px;margin-left: -35px;margin-top: -35px;cursor: pointer;z-index: 10;}