.banner{width: 100%;height: 630px;position: relative;overflow: hidden;}
.banner .swiper-container{position: absolute;top: 0;left: 50%;margin-left: -960px;}
.banner .swiper-container,
.banner img{width: 1920px;height: 630px;}
.banner .swiper-container-horizontal > .swiper-pagination-bullets{bottom: 30px;}
.banner .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet{margin: 0 10px;}
.banner .swiper-pagination-bullet{opacity: 1;width: 8px;height: 8px;background:none;border:2px solid #dadadb;}
.banner .swiper-pagination-bullet-active{width: 12px;height: 12px;background:#ff7d12;border:0;}
.company{text-align: center;}
.company h2{color: #333333;font-size: 36px;line-height: 1;padding: 60px 0 12px;}
.company h4{color: #333333;font-size: 14px;line-height: 1;text-transform: uppercase;font-family:Arial;}
.company p{color: #4c4c4c;font-size: 18px;line-height:36px;padding: 38px 0 40px;}
.company .pany{border:1px solid #eeeeee;width: 958px;margin: 0 auto;}
.company .pany li{float: left;width: 278px;border-right:1px solid #eeeeee;height: 103px;line-height: 103px;}
.company .pany li:nth-child(2){width: 398px;}
.company .pany li:last-child{border:0;}
.company .pany li h3{color: #ff7d12;font-size: 48px;}
.company .pany li span{color: #666666;font-size: 18px;padding-left: 10px;}
.company .more{display: inline-block;width: 291px;height: 50px;line-height: 50px;background: #ff7d12;color: #ffffff;font-size: 18px;border-radius: 25px;
margin: 50px 0 60px;}
.presentation{background: url(../images/presentation.jpg) no-repeat;padding-bottom: 3%;}
.presentation>h2{color: #333333;font-size: 36px;line-height: 1;padding: 60px 0 12px;text-align: center;}
.presentation>h4{color: #333333;font-size: 14px;line-height: 1;text-transform: uppercase;font-family:Arial;text-align: center;}
.presentation .tation{width: 1300px;margin: 0 auto;padding: 4% 0 6px;}
.presentation .tation li{float: left;width: 299px;margin: 0 34px 34px 0;}
.presentation .tation li:nth-child(4n){margin-right: 0;}
.presentation .tation li .img{overflow: hidden;position: relative;}
.presentation .tation li .img img{width: 100%;}
.presentation .tation li .title{background: #ffffff;height: 50px;line-height: 50px;color: #282828;font-size: 16px;padding-left: 57px;
background: url(../images/but.png) no-repeat 20px center;}
.presentation .tation li .bot{background: #eeeeee;height: 38px;line-height: 38px;}
.presentation .tation li .bot p{float: left;color: #666666;font-size: 16px;font-family:Arial;padding-left: 25px;margin-left: 20px;
background: url(../images/clock.png) no-repeat left center;}
.presentation .tation li .bot h4{float: right;color: #000000;font-size: 14px;margin-right: 22px;}
.presentation .tation li .bot h4 span{color: #002a8d;}
.presentation .tation li .video{width: 100%;height: 100%;position: absolute;top: 0;left: 0;z-index: 10;background: rgba(29,36,61,0.7);opacity: 0;}
.presentation .tation li .video span{width: 48px;height: 48px;position: absolute;top: 50%;left: 50%;z-index: 20;margin: -24px 0 0 -24px;
background: url(../images/video.png) no-repeat;}
.presentation .tation li:hover .video{opacity: 1;}
.presentation .more{display:block;width: 291px;height: 50px;line-height: 50px;background: #ff7d12;color: #ffffff;font-size: 18px;border-radius: 25px;
margin: 0 auto;text-align: center;}
.advertisement{width: 100%;background: url(../images/advertisement.jpg) no-repeat;background-size:cover;text-align: center;display: table;padding: 12% 0;}
.advertisement .sement{display: table-cell;vertical-align: middle;}
.advertisement .sement h3{color: #000000;font-size: 50px;line-height: 1;}
.advertisement .sement p{color: #000000;font-size: 25px;line-height: 1;letter-spacing: 11px;padding-top: 35px;}
.service{background: url(../images/service.jpg) no-repeat;height: 826px;}
.service>h2{color: #333333;font-size: 36px;line-height: 1;padding: 60px 0 12px;text-align: center;}
.service>h4{color: #333333;font-size: 14px;line-height: 1;text-transform: uppercase;font-family:Arial;text-align: center;}
.service .selist{width: 1300px;margin: 0 auto;padding-top: 40px;}
.service .selist li{float: left;width: 252px;height: 140px;background: rgba(0,0,0,0.03);margin: 0 10px 10px 0;}
.service .selist li img{width: 252px;height: 140px;}
.service .selist li:nth-child(5n){margin-right: 0;}
.service .selist li .primary,
.service .selist li:hover .gray{display: none;}
.service .selist li:hover{background: url(../images/serbg.jpg) no-repeat;}
.service .selist li:hover .primary{display: inline;}
.bannerSon img{width: 100%;}
.caseBox,
.join_us{background: #f9f9f9;}
.nav_Son{width: 1300px;margin: 0 auto;padding-top: 52px;}
.nav_Son span,
.nav_Son a{color: #000000;font-size: 18px;line-height: 1;float: left;display: block;}
.nav_Son a{margin-left: 13px;}
.nav_Son a:hover,
.nav_Son a.on{color: #ff7d12;}
#present{background: none;height: auto;}
#present .tation{padding: 3% 0;}
.newul{width: 1300px;margin: -3px auto 0;}
.newul li{float: left;width: 300px;margin: 56px 33px 0 0;}
.newul li:nth-child(4n){margin-right: 0;}
.newul li .img{overflow: hidden;}
.newul li .img img{width: 300px;height: 300px;}
.newul li p{color: #333333;font-size: 16px;height: 57px;line-height: 57px;background: #f9f9f9;text-align: center;}
.newul li:hover{box-shadow: 0 0 13px rgba(171,171,171,0.75);}
.page{text-align: center;font-size: 0;padding: 55px 0;}
.page a,
.page span{color: #707070;font-size: 16px;height: 34px;line-height: 34px;display: inline-block;margin: 0 5px;}
.page a{border:1px solid #ff7d12;border-radius: 2px;padding: 0 12px;}
.page a:hover,
.page a.on{color: #ffffff;background: #ff7d12;}
.deTitle{text-align: center;padding: 70px 0 46px;}
.deTitle h3{color: #333333;font-size: 24px;line-height: 1;font-weight: bold;}
.deTitle h4{color: #999999;font-size: 18px;line-height: 1;padding-top: 45px;}
.content{color: #333333;font-size: 16px;line-height: 36px;}
.content p + p{margin-top: 35px;}
.content img{max-width: 100%;margin: 36px 0;}
.dire_page{border-top: 1px solid #d2d2d2;padding: 28px 0;margin-top: 36px;}
.dire_page p{margin: 20px 0;}
.dire_page p,
.dire_page a{color: #333333;font-size: 18px;line-height: 1.5;}
.dire_page a:hover{color: #ff7d12;}
.contact{padding: 79px 0 40px;}
.contact .tact{float: left;width: 435px;}
.contact .tact>p{color: #000000;font-size: 16px;line-height: 24px;}
.contact .tact>h2{color: #000000;font-size: 16px;background: url(../images/icon.png) no-repeat left center;padding-left: 57px;margin: 32px 0 28px;
background-size: 0.47rem 0.55rem;}
.contact .tact>h2 span{color: #000000;font-size: 40px;display: block;}
.contact .tact .cont p{color: #000000;font-size: 14px;padding-left: 40px;height: 26px;line-height:26px;margin-bottom: 11px;}
.contact .tact .cont .p1{background: url(../images/icon1.png) no-repeat left center;background-size: 0.26rem 0.26rem;}
.contact .tact .cont .p2{background: url(../images/icon2.png) no-repeat left center;background-size: 0.26rem 0.26rem;}
.contact .tact .cont .p3{background: url(../images/icon3.png) no-repeat left center;background-size: 0.26rem 0.26rem;}
.contact .tact .cont .p4{background: url(../images/icon4.png) no-repeat left center;background-size: 0.26rem 0.26rem;}
.contact .tact .cont .p5{background: url(../images/icon5.png) no-repeat left center;background-size: 0.26rem 0.26rem;}
.contact .tact img{width: 143px;height: 143px;margin: 3px 0 0 38px;}
.contact .tactMap{float: right;width: 803px;height: 428px;border:3px solid #e5e5e5;margin-top: 33px;}
.join_us{padding-bottom: 147px;}
.join_us h1{color: #333333;font-size: 36px;line-height: 1;text-align: right;padding: 89px 0 142px;}
.join_us .joinBox{width: 1300px;height: 545px;background: url(../images/joinBox.jpg) no-repeat;position: relative;}
.join_us .join{width: 1077px;background: #ffffff;position: absolute;top: -46px;left: 50%;margin-left: -538.5px;}
.join_us .joinNav span{float: left;color: #333333;font-size: 18px;height: 52px;line-height: 52px;width: 20%;text-align: center;cursor: pointer;}
.join_us .joinNav span.active{background: #f39800;color: #ffffff;}
.join_us .joinTxt{position: relative;}
.join_us .joinTxt .joinImg{width: 136px;height: 168px;position: absolute;top: 134px;left: 69px;}
.join_us .joinrig{height: 456px;}
.join_us .joinCont{padding: 46px 100px 0 293px;display: none;}
.join_us .joinCont p{color: #333333;font-size: 16px;line-height:29px;}
.join_us .joinCont .joinMail span,
.join_us .joinCont .joinMail a{color: #333333;font-size: 16px;}
.join_us .joinCont .joinMail a{margin-right: 20px;}
.videos{position: relative;background: #e9e9e9;height: 867px;margin-top: 103px;}
.videos h3{color: #b6b6b6;font-size: 30px;position: absolute;top: 368px;left: -204px;padding-left: 240px;transform:rotate(90deg);-webkit-transform:rotate(90deg);}
.videos h3:before{content: "";display: block;width: 233px;height: 2px;background: #dadada;position: absolute;top: 50%;left: 0;margin-top: -1px;}
.videos .video{width: 83.906%;height: 713px;position: absolute;top: -103px;right: 0;border:66px solid rgba(30,168,230,0.5);}
.videos .video .video-js{width: 100%;height: 100%;}
.videos .video .video-js .vjs-big-play-button{display: none;}
.aboutlr{background: #f9f9f9;padding: 160px 0;}
.aboutlr ul li{float: left;width: 33.333%;height: 302px;background: #ffffff;text-align: center;color: #000000;font-size: 18px;padding-top: 215px;}
.aboutlr ul li:nth-child(2){background: url(../images/libg.jpg) no-repeat;}
.videoOut{padding-top: 100px;}
.newul li .img img{
    transition: all 0.5s ease-in-out 0s;
    -ms-transition: all 0.5s ease-in-out 0s;
    -moz-transition: all 0.5s ease-in-out 0s;
    -webkit-transition: all 0.5s ease-in-out 0s;
    -o-transition: all 0.5s ease-in-out 0s;
}
.newul li:hover .img img{
    transform: scale(1.1);
    -ms-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -o-transform: scale(1.1);
}
@media screen and (max-width: 1600px){
.videos{height: 680px;}
.videos .video{width: 75.906%;height: 600px;border:50px solid rgba(30,168,230,0.5);}
.videos h3:before{width: 180px;}
.videos h3{padding-left: 200px;top: 300px;}
.aboutlr{padding: 80px 0;}
.videoOut{padding-top: 80px;}
}

@media screen and (max-width: 1480px){
.presentation,
.service,
.content{padding: 0 3%;}
.presentation .tation,
.service .selist,
.wrap,
.nav_Son,
.newul{width: auto;}
.presentation .tation li{width: 23%;margin: 0 2.5% 2.5% 0;}
.service .selist li{width: 19.384%;height: auto;margin: 0 0.7% 0.7% 0;}
.service .selist li:hover{background-size: 100% 100%;}
.service .selist li img,
.newul li .img img{width: 100%;height: auto;}
.service{height: auto;padding-bottom: 5%;}
.presentation{padding-bottom: 3%;}
.nav_Son,
.newul,
.join_us,
.contact{padding-left: 3%;padding-right: 3%;}
.newul li{width: 23.076%;margin: 4% 2.5% 0 0;}
.dire_page{margin-left: 3%;margin-right: 3%;}
.join_us .joinBox{width: 100%;background-size: cover;}
.join_us{padding-bottom: 97px;}
}
@media screen and (max-width: 1338px){
.contact .tactMap{width: 750px;}
}
@media screen and (max-width: 1280px){
.contact .tactMap{width: 700px;}
}
@media screen and (max-width: 1220px){
.contact .tactMap{width: 650px;}
}

@media screen and (max-width: 750px){
.banner{height: 2.48rem;}
.banner .swiper-container{left: 0;margin-left: 0px;}
.banner .swiper-container,
.banner img{width: 100%;height: auto;}
.banner .swiper-container-horizontal > .swiper-pagination-bullets{bottom: 0.2rem;}
.banner .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet{margin: 0 0.1rem;}
.banner .swiper-pagination-bullet{width: 0.2rem;height: 0.2rem;border:0.02rem solid #dadadb;}
.banner .swiper-pagination-bullet-active{width: 0.22rem;height: 0.22rem;border:0;}
.main,
.presentation{padding: 0 0.3rem;}
.company h2,
.presentation>h2,
.service>h2{font-size: 0.36rem;padding: 0.5rem 0 0.12rem;}
.company h4,
.presentation>h4,
.service>h4{font-size: 0.22rem;}
.company p{font-size: 0.25rem;line-height:0.4rem;padding: 0.3rem 0 0.4rem;}
.company .pany{width: auto;}
.company .pany li{width: auto;height: 1.03rem;line-height: 1.03rem;float: none;border-bottom: 1px solid #eeeeee;}
.company .pany li:nth-child(2){width: auto;}
.company .pany li h3{font-size: 0.48rem;}
.company .pany li span{font-size: 0.26rem;padding-left: 0.1rem;}
.company .more,
.presentation .more{width: 2.91rem;height: 0.6rem;line-height: 0.6rem;font-size: 0.26rem;border-radius: 0.3rem;margin: 0.5rem 0;}
.presentation{background-size:cover;height: auto;padding-bottom: 0.5rem;}
.presentation .tation{width: auto;padding: 0.4rem 0 0;}
.presentation .tation li{float: left;width:47.4%;margin: 0 0.34rem 0.34rem 0;}
.presentation .tation li:nth-child(4n),
.presentation .tation li:nth-child(2n){margin-right: 0;}
.presentation .tation li .img img{width: 100%;height: auto;}
.presentation .tation li .title{height: 0.65rem;line-height: 0.65rem;font-size: 0.24rem;padding-left: 0.57rem;
background: url(../images/but.png) no-repeat 0.2rem center;background-size: 0.22rem 0.22rem;}
.presentation .tation li .bot{height: 0.6rem;line-height: 0.6rem;}
.presentation .tation li .bot p{font-size: 0.22rem;padding-left: 0.29rem;margin-left: 0.2rem;background-size: 0.18rem 0.18rem;}
.presentation .tation li .bot h4{font-size: 0.22rem;margin-right: 0.22rem;}
.presentation .tation li .video span{width: 0.48rem;height: 0.48rem;margin: -0.24rem 0 0 -0.24rem;background-size: 0.48rem 0.48rem;}
.presentation .more{margin: 0.15rem auto 0;}
.advertisement{height: auto;background-size: cover;box-sizing: border-box;padding: 1rem 0.3rem;}
.advertisement .sement h3{font-size: 0.5rem;}
.advertisement .sement p{font-size: 0.3rem;line-height: 1.5;letter-spacing: 0.11rem;padding-top: 0.35rem;}
.service{background-size: cover;height: auto;}
.service .selist{width: auto;padding: 0.4rem 0.3rem;}
.service .selist li{float: left;width: 49.2%;height: auto;margin: 0 0.1rem 0.1rem 0;}
.service .selist li img{width: 100%;height: auto;}
.service .selist li:nth-child(5n){margin-right: 0.1rem;}
.service .selist li:nth-child(2n){margin-right: 0;}
.service .selist li:hover{background-size: cover;}
.service .selist li .primary{display: inline;}
.service .selist li .gray{display: none;}
.nav_Son{width: auto;padding: 0.3rem 0.2rem 0;}
.nav_Son span,
.nav_Son a{font-size: 0.24rem;margin: 0.1rem;}
#present .tation{padding: 0.3rem 0 0;}
#present{padding-bottom: 0.2rem;}
.newul{width: auto;margin: 0 auto;}
.newul li{width: 47.5%;margin: 0.45rem 0.33rem 0 0;}
.newul li:nth-child(2n){margin-right: 0;}
.newul li .img img{width: 100%;height: auto;}
.newul li p{font-size: 0.22rem;height: 0.6rem;line-height: 0.6rem;}
.newul li:hover{box-shadow: 0 0 0.13rem rgba(171,171,171,0.75);}
.page{padding: 0.5rem 0;}
.page a,
.page span{font-size: 0.22rem;height: 0.4rem;line-height: 0.4rem;margin: 0 0.05rem;}
.page a{border-radius: 0.02rem;padding: 0 0.12rem;}
.deTitle{padding: 0.4rem 0 0.3rem;}
.deTitle h3{font-size: 0.3rem;line-height: 1.5;}
.deTitle h4{font-size: 0.26rem;padding-top: 0.3rem;}
.content{font-size: 0.22rem;line-height: 0.4rem;}
.content p + p{margin-top: 0.3rem;}
.content img{margin: 0.36rem 0;}
.dire_page{padding: 0.2rem 0;margin-top: 0.35rem;}
.dire_page p{margin: 0.2rem 0;}
.dire_page p,
.dire_page a{font-size: 0.24rem;}
.contact{padding: 0.4rem 0;}
.contact .tact{float: none;width: auto;}
.contact .tact>p{font-size: 0.24rem;line-height: 0.4rem;}
.contact .tact>h2{font-size: 0.24rem;padding-left: 0.57rem;margin: 0.32rem 0 0.28rem;background-size: 0.47rem 0.55rem;}
.contact .tact>h2 span{font-size: 0.4rem;}
.contact .tact .cont p{font-size: 0.22rem;padding-left: 0.4rem;height: auto;line-height:1.5;margin-bottom: 0.11rem;}
.contact .tact img{width: 1.43rem;height: 1.43rem;margin: 0.03rem 0 0 0.38rem;}
.contact .tactMap{float: none;width: 100%;height: 3rem;border:0.03rem solid #e5e5e5;margin-top: 0.33rem;}
.join_us{padding-bottom: 0.6rem;}
.join_us h1{font-size: 0.3rem;padding: 0.5rem 0 0.9rem;}
.join_us .joinBox{width: auto;height: auto;background-size: cover;}
.join_us .join{width: 6.4rem;top: -0.46rem;margin-left: -3.2rem;position: relative;}
.join_us .joinNav span{font-size: 0.22rem;height: 0.6rem;line-height: 0.6rem;}
.join_us .joinTxt .joinImg{display: none;}
.join_us .joinrig{height: auto;}
.join_us .joinCont{padding: 0.3rem;}
.join_us .joinCont p{font-size: 0.22rem;line-height:0.4rem;}
.join_us .joinCont .joinMail span,
.join_us .joinCont .joinMail a{font-size: 0.22rem;}
.join_us .joinCont .joinMail a{margin-right: 0.2rem;}
.videos{height: 5rem;margin-top: 0;overflow: hidden;}
.videos h3{font-size: 0.3rem;position: static;padding-left: 1.2rem;transform:rotate(0deg);-webkit-transform:rotate(0deg);margin: 0.3rem 0 0.3rem 5%;}
.videos h3:before{width: 1rem;height: 0.02rem;}
.videos .video{width: 82%;height: 3rem;position: relative;border:0.3rem solid rgba(30,168,230,0.5);top: 0;right:auto;left:5%;}
.aboutlr{padding: 0.4rem 0;}
.aboutlr ul li{float: none;width: 100%;height: auto;font-size: 0.22rem;padding: 0.4rem 0.3rem;box-sizing: border-box;}
.aboutlr ul li:nth-child(2){background-size: cover;}
.videoOut{padding-top: 0.4rem;}
.service,
.newul,
.content{padding: 0;}
.dire_page{margin-left: 0;margin-right: 0;}
.contact{padding-left: 0;padding-right: 0;}
}