@charset "utf-8";
.banner { position: relative; width: 100%; overflow: hidden; }
.banner .swiper-slide { position:relative; width: 100%; }
.banner .swiper-slide img { width: 100%; height:100%;}
.banner .banner-prev,
.banner .banner-next{ position: absolute; top: 50%; width:48px; height:95px; background-position:center; background-repeat:no-repeat; cursor: pointer; transform: translateY(-50%); transition:all 0.3s; opacity: .8; z-index: 1; }
.banner .banner-prev:hover,
.banner .banner-next:hover{ opacity: 1; }
.banner .banner-prev{background-image:url(banner_prev.png); left: 4vw; }
.banner .banner-next{background-image:url(banner_next.png); right: 4vw; }
.banner .swiper-container-horizontal>.swiper-pagination { left: auto!important; right: 10%!important; bottom: 50%!important; width: auto!important; transform: translateY(-50%); }
.banner .swiper-container .swiper-pagination-bullet { display:block; width:52px; height:2px; margin: 0 0 21px 33px!important; border-radius: 0; background-color: #fff; line-height:2px; vertical-align: top; opacity: .6; }
.banner .swiper-container .swiper-pagination-bullet-active { width:85px!important; margin-left: 0!important; opacity: 1; }
.banner .prev-tab-num { position: absolute; bottom: 8%; right: 20%; color: #fff; font-family: Arial, Helvetica, sans-serif; font-size: 30px; z-index: 9; }
.banner .prev-tab-num .index-num { font-size: 48px; }

.business{background: #f6fafd; padding: 85px 0;}
.business .hd{margin-bottom: 85px;}
.u-tt .hd{text-align: center;}
.u-tt .hd p{font-size: 36px; color: #e0e4e7; text-transform: uppercase;}
.u-tt .hd h3{font-size: 34px; color: #333;}
.u-tt .hd::after{display: block; content: "\20"; width: 50px; height: 5px; margin: 18px auto 0; background: #edac20;}
.u-tt h4{font-size: 20px; color: #333333;}
/* .business .bd li{float: left; margin-right: 20px;}
.business .bd li:last-child{margin-right: 0;} */
.business .bd ul{display: flex; justify-content: space-between;}
.business .bd a{display: block; width: 325px; height: 260px; padding: 70px 30px 0; background: #fff;}
.business .bd a .p2 { margin: 18px 0; font-size:16px; font-weight:bold;  }
.business .bd a .p3 { width: 100%; font-size: 14px; color: #666666; line-height:20px; min-height:100px; }
.business .bd a .p4 {display: block; width: 20px; height: 20px; margin-top: 30px; text-align: center; line-height: 20px;font-family: "宋体"; border-radius: 50%; border: 1px solid #feb41a; color: #feb41a;}
 
.business .bd a:hover{background: url(pic_01.jpg) no-repeat;background-size:cover; color: #fff;}
.business .bd a:hover .p2,.business .bd a:hover .p3 {color: #fff;}
.business .bd a:hover .p4 span{border-color: #fff; color: #fff}
.business .bd a .p1 {width: 24px; height: 24px;}
.business .bd .business-1 .p1{background: url(ico_03_before.png) no-repeat;}
.business .bd .business-1:hover .p1{background: url(ico_03_after.png) no-repeat;}
.business .bd .business-2 .p1{background: url(ico_04_before.png) no-repeat;}
.business .bd .business-2:hover .p1{background: url(ico_04_after.png) no-repeat;}
.business .bd .business-3 .p1{background: url(ico_05_before.png) no-repeat;}
.business .bd .business-3:hover .p1{background: url(ico_05_after.png) no-repeat;}
.business .bd .business-4 .p1{background: url(ico_06_before.png) no-repeat;}
.business .bd .business-4:hover .p1{background: url(ico_06_after.png) no-repeat;}

.m-title{width: 280px; margin: 44px auto 40px;}
.m-title ul{display: flex; justify-content: space-between;}
.m-title li{float: left; height: 40px; margin-right: 108px; font-size: 20px; color: #333; font-weight: bold; cursor: pointer;}
.m-title li:hover{background: url(ico_07.gif) no-repeat center 32px; color: #edac20;}
.u-tt .m-title .on {background: url(ico_07.gif) no-repeat center 32px; color: #edac20;}
.m-title li:last-child{margin-right: 0;}

.team {padding: 90px 0;}
.team .bd { position: relative; }
.team .bd .bdc { position: relative; }
.team .bd .bdc .col-a-prev,
.team .bd .bdc .col-a-next { position: absolute; width: 60px; height: 60px; display: block; top: 50%; margin-top: -30px; z-index: 1; }
.team .bd .bdc .col-a-prev { left: -70px; background: url(z-prev.png) no-repeat; }
.team .bd .bdc .col-a-next { right: -70px; background: url(z-next.png) no-repeat; }
.team .bd .bdc .col-a-prev:hover { background: url(z-prev2.png) no-repeat; }
.team .bd .bdc .col-a-next:hover { background: url(z-next2.png) no-repeat; }

.m-note li { float: left; width: 380px; margin-right: 15px; padding: 30px 5px; }
.m-note li a{ display: block; width: 380px; height: 422px; box-shadow: 0 2px 10px #eee; transition: all 0.3s ease; }
.m-note li a h4 { padding: 24px; transition: all 0.3s ease; }
.m-note li a p { width: 310px; font-size: 14px; color: #666666; margin-left: 24px;}
.m-note li a .imgLargeBox{width: 380px; height: 250px; overflow: hidden;}
.m-note li a:hover{ transform: translateY(-5px); box-shadow: 0 0 10px #769cd093; }
.m-note li a img{transition: all 0.5s;}
.m-note li a:hover img {transform: scale(1.1); }
.m-note li a:hover h4 { color: #edac20; }



.team .checkLink{margin: 54px auto 0;}
.aboutBox{background: url(banner_about.jpg) no-repeat center 0; height: 590px; text-align: center;}
.aboutBox .g-in{padding-top: 92px;}
.aboutBox h3{margin-bottom: 24px; font-size: 34px; color: #fff;}
.aboutBox .u-txt{font-size: 16px;line-height: 32px; color: #fff;    padding: 0 190px;}
.aboutBox .ico-vedio{width: 56px; height: 56px; margin: 44px auto 69px; background: url(ico_25.jpg) no-repeat;}
.aboutBox .about-list {width: 850px; margin: 0 auto;}
.aboutBox .about-list ul{display: flex; justify-content: space-between;}

.aboutBox .about-list a { display: block; }
.aboutBox .about-list i{display: block; width: 56px; height: 56px; margin: 0 auto 18px; padding: 10px; border-radius: 50%; }
.aboutBox .about-list i img {display: block; width: 56px; height: 56px; margin: 0 auto; }
.aboutBox .about-list i img:last-child {display: block; }
.aboutBox .about-list i img:first-child {display: none; }

.aboutBox .about-list span{font-size: 18px; color: #fff;}
.aboutBox .about-list a:hover i { background-color: #fff; }
.aboutBox .about-list a:hover i img:last-child {display: none; }
.aboutBox .about-list a:hover i img:first-child {display: block; }

.aboutBox .about-list a:hover span{color: #edac20;}
.news{padding: 85px 0; background: #f6fafd;}
.news .m-title{width: 644px;}
.news .m-news{padding: 38px 30px 38px 20px; box-shadow: 0 2px 10px #d2d2d2; background: #fff;}
.m-news img{float: left;}
.m-news .rd{float: right; width: 560px; padding-top: 28px;}
.m-news .rd h4 { text-overflow: ellipsis;overflow: hidden;white-space: nowrap; }
.m-news .rd p{width: 560px;padding: 20px 0;font-size: 14px;color: #666;}
.news .rd .checkLink{width: 90px; height: 30px; line-height: 30px;}
.news .newsList{margin-top: 30px; padding-top: 20px; line-height: 30px; border-top: 1px solid #d2d2d2;}
.news .newsList li  { text-overflow: ellipsis;overflow: hidden;white-space: nowrap; }
.news .newsList span {float: right; color: #adadad;font-size: 14px;}
.news .newsList a::before{float: left; content: "\20"; width: 6px; height: 6px; margin: 12px 10px 0 0; border-radius: 50%; background: #d2d2d2;}
.m-news .newsList a {color: #535353; font-size: 14px;}
.m-news .newsList a:hover {color: #edac20;}
.m-news .newsList a:hover::before{background: #edac20;}

.partner{padding: 90px 0;}
.partner .hd {margin-bottom: 38px;}
.partner .bd li { float: left; width: 188px; margin: 0; }
.partner .bd li img { position: relative; top: 0; transition: all 0.3s ease; }
.partner .bd li a { position: relative; display: block; padding: 20px 0; }
.partner .bd li:hover img { top: -5px; }

.partner .bd li a::after{content: ""; position: absolute; top: 26px; right: 0; width: 2px; height: 36px; margin: 0 0 0 5px; background: #ebebeb;}
.partner .bd li:nth-child(6n) a::after{ content: none; }

.partner .circleBox{ margin: 76px auto 0; text-align: center; }
.partner .circleBox li{ display: inline-block; width: 8px; height: 8px; margin: 0 4px; border-radius: 50%; background: #e5e5e5; cursor: pointer; font-size: 0; vertical-align: top; overflow: hidden; }
.partner .circleBox li:hover{background: #7d7d7d;}

.spBox { position:fixed; top:0; right:0; left:0; bottom:0; background:rgba(0,0,0,0.6); z-index:9; display:none; }
.spBox.on { display:block; }
.spBox .spBox01 { position:absolute; top:50%; left:50%; width:46%; font-size:0; padding:20px; box-sizing: border-box; background:#000; transform: translate(-50%,-50%); z-index:5; }
.spBox .spBox01 video { width:100%; height:auto!important; }
.spBox .spBox01 .sp-close { position:absolute; right:-50px; top:-30px; color:#fff; font-size:30px; cursor:pointer; }