@keyframes sldie{0%{width:0%}
100%{width:100%}
}
.banner{width:100%;overflow:hidden;position:relative;/*!margin-top:91px;*/height:calc(90vh)}
.banner .swiper-slide{background-position:center;background-repeat:no-repeat;background-size:cover}
.banner .swiper-container{height:100%}
.banner .swiper-button-prev{width:22px;height:22px;background:url("../bg/icon-5-pre.png") no-repeat center;left:20px}
.banner .swiper-button-next{width:22px;height:22px;background:url("../bg/icon-6-nex.png") no-repeat center;right:20px}
.banner .swiper-slide{display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center}
.banner .swiper-pagination-custom{bottom:60px}
.banner .swiper-dot{width:32px;height:2px;background:rgba(255,255,255,.6);display:inline-block;margin:0 5px;position:relative;margin-top:2px}
.banner .swiper-dot:before{width:0%;height:100%;position:absolute;left:0;top:0;z-index:12;background:#044bd9;content:""}
.banner .swiper-active{height:4px;margin:0 5px}
.banner .swiper-active:before{animation:sldie 7s linear}
.banner .swiper-stop{width:12px;height:18px;background:#333;display:inline-block;cursor:pointer;background:url("../bg/icon-120.png") no-repeat center;margin-left:8px;position:relative;top:8px}
.content-about{width:1470px;margin:0 auto;overflow:hidden;padding:120px 0 20px;position:relative}
.about-left{float:left;width:100%;overflow:hidden}
.about-left h3{float:left;width:100%;overflow:hidden;font-size:48px;color:#030000;font-weight:700}
.about-info{float:left;width:100%;overflow:hidden;font-size:20px;color:grey;margin-top:20px;position:relative;padding-bottom:29px}
.about-info::after{width:24px;height:4px;position:absolute;left:0;bottom:0;z-index:2;content:"";background:#044bd9}
.about-des{float:left;width:664px;overflow:hidden;font-size:16px;color:grey;line-height:31px}
.about-des p{padding:16px 0}
.about-right{width:748px;overflow:hidden;position:relative;background:url("../bg/bg-5.jpg") no-repeat right center;position:absolute;right:0;top:120px}
.about-pic{float:left;width:720px;overflow:hidden;cursor:pointer;position:relative}
.about-pic img{width:100%;height:auto;transition:all .5s ease-out}
.about-pic:hover img{transform:scale(1.1)}
.about-more{float:left;width:100%;overflow:hidden;margin-top:12px}
.about-more a{font-size:14px;color:#666;transition:all .4s ease}
.about-more a:hover{color:#044bd9}
.about-list{float:left;width:100%;overflow:hidden;margin-top:137px;height:199px;color:#030000;cursor:pointer}
.about-item1{float:left;width:33.33%;overflow:hidden;height:100%}
.about-item1 a{width:100%;display:block;height:100%;float:left;transition:all 1.4s ease}
.about-item1 h4{width:160px;margin:25px auto 0;overflow:hidden;padding-left:46px;transition:all .4s ease-out}
.about-item1 h4 span{font-size:90px;font-family:Neutra;transition:all .4s ease-out}
.about-item1 h4 samp{font-size:24px;margin-left:10px;transition:all .4s ease-out}
.about-item1 p{width:160px;overflow:hidden;margin:0 auto;font-size:24px;color:grey;margin-top:12px;padding-left:46px}
.about-item2{float:left;width:33.33%;overflow:hidden;background:url("../bg/icon-25.png.html") no-repeat right center;height:100%}
.about-item2 a{width:100%;display:block;float:left;transition:all 1.4s ease}
.about-item2 h4{width:280px;margin:25px auto 0;overflow:hidden;padding-left:46px;transition:all .4s ease-out}
.about-item2 h4 span{font-size:90px;font-family:Neutra;transition:all .4s ease-out}
.about-item2 h4 samp{font-size:24px;margin-left:10px;transition:all .4s ease-out}
.about-item2 p{width:280px;overflow:hidden;margin:0 auto;font-size:24px;color:grey;margin-top:12px;padding-left:46px}
.about-item3{float:left;width:33.33%;overflow:hidden;height:100%}
.about-item3 a{width:100%;display:block;float:left;transition:all 1.4s ease}
.about-item3 h4{width:240px;margin:25px auto 0;overflow:hidden;transition:all .4s ease-out}
.about-item3 h4 span{font-size:90px;font-family:Neutra;transition:all .4s ease-out}
.about-item3 h4 samp{font-size:24px;margin-left:10px;transition:all .4s ease-out}
.about-item3 p{width:240px;overflow:hidden;margin:0 auto;font-size:24px;color:grey;margin-top:12px}

.about-list a:hover h4 samp,.about-list a:hover h4 span{color:#044bd9}
@media screen and (max-width:1660px){.content-about{width:1300px;padding:110px 0 15px}
.about-left h3{font-size:44px}
.about-des{width:45%}
.about-des p{padding:10px 0}
.about-right{width:52%;background-size:auto 80%;padding-right:20px}
.about-pic{width:100%}
.about-list{margin-top:100px;height:180px}
.about-item1 a{background-size:50%}
.about-item1 h4 span,.about-item2 h4 span,.about-item3 h4 span{font-size:86px}
.about-item1 h4 samp,.about-item2 h4 samp,.about-item3 h4 samp{font-size:22px}
.about-item1 p,.about-item2 p,.about-item3 p{font-size:22px}
.about-item2 a{background-size:40%}
.about-item3 a{background-size:30%}
}
@media screen and (max-width:1440px){.content-about{width:1100px;padding:100px 0 20px}
.about-left h3{font-size:40px}
.about-info{font-size:18px;margin-top:15px;padding-bottom:20px}
.about-des{width:45%;font-size:14px}
.about-des p{padding:7px 0}
.about-right{width:52%;top:140px}
.about-list{margin-top:80px}
.about-item1 h4 span,.about-item2 h4 span,.about-item3 h4 span{font-size:80px}
.about-item1 h4 samp,.about-item2 h4 samp,.about-item3 h4 samp{font-size:20px}
.about-item1 p,.about-item2 p,.about-item3 p{font-size:20px}
}
@media screen and (max-width:1366px){.content-about{width:1000px;padding:90px 0 10px}
.about-left h3{font-size:36px}
.about-info{font-size:16px}
.about-des{width:45%}
.about-des p{padding:7px 0}
.about-right{width:54%}
.about-pic{padding:0}
.about-list{margin-top:60px}
.about-item1 h4 span,.about-item2 h4 span,.about-item3 h4 span{font-size:70px}
.about-item1 h4 samp,.about-item1 p,.about-item2 h4 samp,.about-item2 p,.about-item3 h4 samp,.about-item3 p{font-size:18px}
.about-item2 h4{width:220px;padding-left:30px}
.about-item2 p{width:220px;padding-left:30px}
}
@media screen and (max-width:1200px){.content-about{width:900px;padding:80px 0 100px}
.about-left h3{font-size:32px}
.about-info{font-size:16px}
.about-des{width:100%;font-size:14px}
.about-right{float:left;width:60%;position:static;top:0;margin-top:20px}
.about-pic{padding:0}
.about-list{margin-top:60px}
.about-item1 h4 span,.about-item2 h4 span,.about-item3 h4 span{font-size:70px}
.about-item1 h4 samp,.about-item1 p,.about-item2 h4 samp,.about-item2 p,.about-item3 h4 samp,.about-item3 p{font-size:18px}
.about-item2 h4{width:220px;padding-left:30px}
.about-item2 p{width:220px;padding-left:30px}
}
@media screen and (max-width:1000px){.content-about{width:760px;padding:60px 0 7px}
.about-left h3{font-size:30px}
.about-list{margin-top:40px;height:134px}
.about-item1 h4 span,.about-item2 h4 span,.about-item3 h4 span{font-size:60px}
.about-item1 h4 samp,.about-item1 p,.about-item2 h4 samp,.about-item2 p,.about-item3 h4 samp,.about-item3 p{font-size:16px}
.about-item2 h4{width:180px;padding-left:10px}
.about-item2 p{width:180px;padding-left:10px}
.about-item3 h4{width:180px}
.about-item3 p{width:180px}
}
@media screen and (max-width:900px){.content-about{width:90%;padding:50px 0}
.about-left h3{font-size:28px}
}
@media screen and (max-width:768px){.banner{height:260px;margin-top:60px}
.banner .swiper-pagination-custom{bottom:20px}
.content-about{padding:30px 0}
.about-left h3{font-size:22px}
.about-info{font-size:14px;margin-top:12px;padding-bottom:12px}
.about-right{width:100%}
.about-des{font-size:12px;line-height:24px}
.about-item1 h4{width:90%;margin:15px auto 0;padding-left:0}
.about-item1 h4 span{font-size:24px}
.about-item1 h4 samp{font-size:14px;margin-left:0}
.about-item1 p{width:100%;font-size:14px;margin-top:6px;padding-left:0}
.about-item2 h4{width:86%;margin:15px auto 0;padding-left:0}
.about-item2 h4 span{font-size:24px}
.about-item2 h4 samp{font-size:14px;margin-left:0}
.about-item2 p{width:86%;font-size:14px;margin-top:6px;padding-left:0}
.about-item3 h4{width:90%;margin:15px auto 0}
.about-item3 h4 span{font-size:24px}
.about-item3 h4 samp{font-size:14px;margin-left:0}
.about-item3 p{width:90%;font-size:14px;margin-top:6px}
.about-list{margin-top:20px;height:90px}
.content-about{width:90%;padding:50px 0}
.about-left h3{font-size:28px}
}
.about-right .tit{float:left;position:absolute;left:20%;bottom:0;z-index:6;font-family:Arial;font-weight:700;font-size:94px;color:#000;opacity:.1;text-transform:uppercase;line-height:70px;letter-spacing:8px}
@media screen and (max-width:1430px){.about-right .tit{font-size:70px;line-height:50px;letter-spacing:4px}
}
@media screen and (max-width:1230px){.about-right .tit{font-size:58px;line-height:42px;letter-spacing:4px}
}
@media screen and (max-width:992px){.about-right .tit{font-size:44px;line-height:32px;letter-spacing:3px;left:15%}
}


#bnbtop
{
    height:8px; width:100%; position: fixed; overflow: hidden;
  background : -moz-linear-gradient(2.89% 300.11% 5.22deg,rgba(215, 23, 24, 1) 0%,rgba(223, 97, 15, 1) 12.66%,rgba(244, 218, 38, 1) 28.31%,rgba(23, 147, 61, 1) 46.44%,rgba(53, 157, 209, 1) 63.33%,rgba(15, 52, 129, 1) 79.25%,rgba(119, 48, 134, 1) 100%);
  background : -webkit-linear-gradient(5.22deg, rgba(215, 23, 24, 1) 0%, rgba(223, 97, 15, 1) 12.66%, rgba(244, 218, 38, 1) 28.31%, rgba(23, 147, 61, 1) 46.44%, rgba(53, 157, 209, 1) 63.33%, rgba(15, 52, 129, 1) 79.25%, rgba(119, 48, 134, 1) 100%);
  background : -webkit-gradient(linear,2.89% 300.11% ,96.84% -198.65% ,color-stop(0,rgba(215, 23, 24, 1) ),color-stop(0.1266,rgba(223, 97, 15, 1) ),color-stop(0.2831,rgba(244, 218, 38, 1) ),color-stop(0.4644,rgba(23, 147, 61, 1) ),color-stop(0.6333,rgba(53, 157, 209, 1) ),color-stop(0.7925,rgba(15, 52, 129, 1) ),color-stop(1,rgba(119, 48, 134, 1) ));
  background : -o-linear-gradient(5.22deg, rgba(215, 23, 24, 1) 0%, rgba(223, 97, 15, 1) 12.66%, rgba(244, 218, 38, 1) 28.31%, rgba(23, 147, 61, 1) 46.44%, rgba(53, 157, 209, 1) 63.33%, rgba(15, 52, 129, 1) 79.25%, rgba(119, 48, 134, 1) 100%);
  background : -ms-linear-gradient(5.22deg, rgba(215, 23, 24, 1) 0%, rgba(223, 97, 15, 1) 12.66%, rgba(244, 218, 38, 1) 28.31%, rgba(23, 147, 61, 1) 46.44%, rgba(53, 157, 209, 1) 63.33%, rgba(15, 52, 129, 1) 79.25%, rgba(119, 48, 134, 1) 100%);
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#D71718', endColorstr='#773086' ,GradientType=0)";
  background : linear-gradient(84.78deg, rgba(215, 23, 24, 1) 0%, rgba(223, 97, 15, 1) 12.66%, rgba(244, 218, 38, 1) 28.31%, rgba(23, 147, 61, 1) 46.44%, rgba(53, 157, 209, 1) 63.33%, rgba(15, 52, 129, 1) 79.25%, rgba(119, 48, 134, 1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#D71718',endColorstr='#773086' , GradientType=1);
  
}







.about-contact{ width:100%; overflow:hidden; margin:0px; position:relative}
.contact-map{ float:left; width:100%; overflow:hidden; height:720px}
.map-item{ float:left; width:100%; height:100%; display:none}
.contact-map .active{ display:block}
.iw_poi_title {color:#CC5522;font-size:14px;font-weight:bold;overflow:hidden;padding-right:13px;white-space:nowrap}
.iw_poi_content {font:12px arial,sans-serif;overflow:visible;padding-top:4px;white-space:-moz-pre-wrap;word-wrap:break-word}

.contact-s{ width:708px;  position:absolute;left:360px;top:0px; z-index:5; padding-bottom:40px}
.contact-s h3{ width:100%; overflow:hidden; font-size:36px; color:#030000; font-weight:bold; margin-top:120px}
.contact-sa{ width:100%; height:360px; overflow:hidden; background:url("../bg/contact-bg.jpg") no-repeat; margin-top:40px; box-shadow:0px 0px 12px 5px rgba(22, 11, 240, 0.25)}
.contact-sa ul{ width:90%; overflow:hidden; margin:20px auto 0px; border-bottom:1px #225ed7 solid}
.contact-sa ul li{ float:left; width:auto; line-height:62px; font-size:24px; color:#fff; display:inline; margin-right:56px;transition:all 0.4s ease; cursor:pointer}
.contact-sa ul .active{ font-weight:bold; border-bottom:3px #fff solid}
.contact-cont{ width:90%; overflow:hidden; margin:35px auto 0px; padding-left:40px}
.contact-item{ float:left; width:100%; overflow:hidden; display:none}
.contact-item .contact-li{ float:left; width:100%; overflow:hidden; line-height:34px; height:34px; font-size:16px; color:#fff; padding-left:27px}
.contact-item .contact1{ background:url("../bg/icon-140.png") no-repeat left 9px}
.contact-item .contact2{ background:url("../bg/icon-141.png") no-repeat left 10px}
.contact-item .contact3{ background:url("../bg/icon-142.png") no-repeat left 10px}
.contact-item .contact5{ background:url("../bg/icon-144.png") no-repeat left 13px}
.contact-cont .active{ display:block}
@media screen and (max-width:1660px){.contact-map{height:720px}
.contact-s{width:708px;left:10%}
.contact-s h3{font-size:32px}
}
@media screen and (max-width:1440px){.contact-map{height:700px}
.contact-s{width:650px}
.contact-s h3{font-size:28px}
}
@media screen and (max-width:1200px){.contact-s{width:600px}
.contact-s h3{font-size:24px}
.contact-sa ul li{line-height:50px;font-size:20px;margin-right:46px}
}
@media screen and (max-width:1000px){.contact-s{width:500px}
.contact-s h3{font-size:20px}
.contact-sa ul li{line-height:40px;font-size:16px;margin-right:36px}
}
@media screen and (max-width:900px){.contact-map{height:380px}
.contact-s{width:80%}
.contact-s h3{font-size:18px;margin-top:30px}
.contact-sa{height:290px;margin-top:20px}
.contact-cont{margin:16px auto 0;padding-left:10px}
.contact-sa ul li{line-height:40px;font-size:14px;margin-right:16px}
.contact-item .contact-li{font-size:12px;height:auto}
}




.about_index .section2{font-size:0}
/* .about_index .section2 .item{display:inline-block;vertical-align:top;width:50%;position:relative} */
.about_index .section2 .item:nth-child(1){display:inline-block;vertical-align:top;width:17%;position:relative}

.about_index .section2 .item:nth-child(2){display:inline-block;vertical-align:top;width:41.5%;position:relative}
.about_index .section2 .item:nth-child(3){display:inline-block;vertical-align:top;width:41.5%;position:relative}



.about_index .section2 .item .img_box{overflow:hidden}
.about_index .section2 .item img{display:block;width:100%;-webkit-transition:transform .3s ease;-moz-transition:transform .3s ease;-ms-transition:transform .3s ease;transition:transform .3s ease}
.about_index .section2 .item .txt_box{position:absolute;top:0;left:0;right:0;bottom:0;text-align:center;padding:2vw;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-ms-transition:all .3s ease;transition:all .3s ease}
.about_index .section2 .item .txt_box h3{font-size:36px;line-height:1;color:#fff}
.about_index .section2 .item .txt_box p{font-size:24px;color:#fff;margin-top:24px}
.about_index .section2 .item .txt_box:after{content:'';position:absolute;top:1vw;left:1vw;right:1vw;bottom:1vw;border:1px solid rgba(255,255,255,.3);opacity:0;-webkit-transition:opacity .3s ease;-moz-transition:opacity .3s ease;-ms-transition:opacity .3s ease;transition:opacity .3s ease}
@media screen and (min-width:992px){.about_index .section2 .item:hover img{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1)}
.about_index .section2 .item:hover .txt_box{background-color:rgba(7,49,144,.6)}
.about_index .section2 .item:hover .txt_box:after{opacity:1}
}
@media screen and (max-width:1600px){.about_index .section2 .item .txt_box h3{font-size:30px}
.about_index .section2 .item .txt_box p{font-size:20px}
}
@media screen and (max-width:1366px){.about_index .section2 .item .txt_box h3{font-size:26px}
.about_index .section2 .item .txt_box p{font-size:18px}
}
@media screen and (max-width:992px){.about_index .section2{padding:0 20px}
.about_index .section2 .item{width:100%}
.about_index .section2 .item .txt_box:after{display:none}
.about_index .section2 .item .txt_box{padding:20px}
.about_index .section2 .item .txt_box h3{font-size:24px}
.about_index .section2 .item .txt_box p{margin-top:15px}
}
.cell_box{font-size:0}
.cell_box:before{content:'';height:100%;display:inline-block;vertical-align:middle}
.cell_box .cell{width:100%;display:inline-block;vertical-align:middle}
.cell_box{font-size:0}
.cell_box:before{content:'';height:100%;display:inline-block;vertical-align:middle}
.cell_box .cell{width:100%;display:inline-block;vertical-align:middle}