@charset "utf-8";
.returntop{width: 40px;height: 40px;padding: 4px;box-sizing: border-box;margin-top: 6px;transition: all 0.5s;position: relative;z-index: -1;cursor: pointer;}
.wrap{width: 1200px;margin: 0 auto;}
.nav{width: 100%;color: #000000;z-index: 999;transition: all 0.3s;position: fixed;top: 0;left: 0;}
.nav.fxd{ background: rgba(0, 0, 0, 0.8) none repeat scroll 0% 0%; color:#fff;}
.nav.fxd li a{ color:#fff;}
.nav .wrap{height: 60px;display: flex;justify-content: space-between;align-items: center;}
.nav .logo{width: 168px;height: 34px;}
.nav ul li{margin-right: 30px;float: left;cursor: pointer;}
.nav ul li:last-child{ margin-right:0;}
.nav ul li:hover, .nav ul li:hover > a{color: #ff6a00 !important;}
.nav a{transition: all 0.3s;color: #000000;}

.nav .iconfont{ display:none;}

.banner{}
.banner .wrap{position: relative;}
.banner .yun{width: 94px;position: absolute;top: 120px;left: -200px; z-index:888; animation: first 10s linear infinite alternate;}
@keyframes first{0%{left: -200px;}
50%{left: -100px;}
100%{left: -200px;}}
.banner .left-bg{width:100%;height:570px;background: url('../images/banner_bg.png') no-repeat;background-size: 100%;position: absolute; bottom:-100px;left: -240px;}
.banner .right-bg{width: 582px;height: 574px;background-size: contain;position: absolute;top:0px;right: -200px;transition: all 0.3s;}
.banner .right-bg:hover img{filter: blur(10px);}
@keyframes logo{0%{right: -200px;}
40%{top: 20px;right: -100px;}
60%{top: 40px;}
100%{top: -40px;right: -200px;}}
.banner .content{padding-top: 110px;box-sizing: border-box;position: relative;}
.banner .content h2{font-size: 40px;font-weight: bold;color: #ff6a00;}
.banner .content p{font-size: 20px;}



.banner .content .left{ display:none;}
.banner .content .left li{width: 402px;margin-top: 20px;transition: all 0.5s;}
.banner .content .left li div{width: 20px;height: 38px;background: url('../images/sprite01.png') center center no-repeat;background-size: contain;margin-right: 10px;}
.banner .content .left li p:first-of-type{font-size: 16px;}
.banner .content .left li p:last-of-type{font-size: 14px;}
.banner .content .left li span{position: relative;top: -16px;color: #ff6a00;}
.banner .content .left li:nth-of-type(2) div{background: url('../images/sprite02.png') center center no-repeat;background-size: contain;}
.banner .content .left li:nth-of-type(3) div{background: url('../images/sprite03.png') center center no-repeat;background-size: contain;}
.banner .content .left li:hover{transform: translateX(5px);color: #ff6a00;}

.banner .content .right{box-shadow:2px 2px 10px rgba(0, 0, 0, 0.5);}
.banner .content .right .swiper-container{width: 100%;}
.banner .content .right .swiper-pagination-bullet{width: 30px;height: 3px;border-radius: 0;background: #ffffff;opacity: 1;}
.banner .content .right .swiper-pagination-bullet-active{background: #f5a940;}
.banner .content .right .banner_pic{position: relative;}
.banner .content .right .banner_pic h3{position: absolute;top:70px;left:60px;font-size:40px;font-weight: bold; color:#fff;}
.banner .content .right .banner_pic p{position: absolute;top:150px;left:60px;font-size: 16px;width: 40%;text-align: justify; color:#fff;}
.banner .content .right .banner_pic .yingwen{ position:absolute; left:60px; bottom:45px; color:#fff; font-size:12px; width:35%;}
.banner .content .right .banner_pic .liaojiemore{ position:absolute; right:45px; bottom:50px;}
.banner .content .right .banner_pic .liaojiemore a{ font-size:16px; color:#fff; background:url(../images/ljyoutj.png) no-repeat right center; padding-right:30px;}

.banner .content .btn{}
.banner .content .btn:hover{}
.banner .content .right .banner_pic .btns{position: absolute;top:240px;left:60px;font-size:16px;transition: all 0.5s;}
.banner .content .right .banner_pic .btns a{width: 100px;height: 34px; line-height: 32px; border-radius: 50px; font-size:14px; border: 1px solid #fff;text-align: center;color: #fff; padding:3px 10px;transition: all 0.5s;cursor: pointer;color: #fff;}
.banner .content .right .banner_pic .btns a .iconfont{ font-size:14px;}
.banner .content .right .banner_pic .btns:hover{transform: translateX(10px);}



/*
.contents{margin-top: 20px;background: url('../images/content_bg.png') center 0 no-repeat;background-size: 100%;}
.contents .title{color: #555555;}
.contents .title h4{font-size: 40px;}
.contents .title h3{font-size: 14px;}
.contents .title .btn{width: 88px;height: 34px;text-align: center;line-height: 34px;border-radius: 50px;border: 1px solid #ff6f09;color: #ff6f09;font-size: 16px;float: right;position: relative;top: -56px;}
.contents .title .btn:hover{background: #ff6a00;color: #fff;}
.contents ul{width: 100%;display: flex;justify-content: space-between;align-items: center;border-bottom: 1px solid #dedede;font-size: 16px;}
.contents ul li{flex: 1;text-align: center;padding-bottom: 16px;cursor: pointer;transition: all 0.3s;}
.contents ul li i{display: none;}
.contents ul li:hover{color: #ff6a00;}
.contents ul li.current{color: ff6a00;border-bottom: 1px solid #ff6a00;position: relative;color: #ff6a00;}
.contents ul li.current i{display: block;position: absolute;bottom: -20px;left: 50%;transform: translate(-50%, 0);color: #ff6a00;font-size: 30px;}
.contents .mainBox{width: 100%;overflow: hidden;}
.contents .out{transition: all 0.5s;height: 420px;}
.contents ol{padding: 0 20px;box-sizing: border-box;margin-top: 50px;width: 1200px;height: 100%;display: flex;flex-wrap: wrap;align-items: center;float: left;}
.contents ol > li{width: 260px;height: 160px;position: relative;overflow: hidden;cursor: pointer;margin-right: 40px;}
.contents ol > li:nth-of-type(4n){margin-right: 0;}
.contents ol > li .line-top, .contents ol > li .line-right, .contents ol > li .line-bottom, .contents ol > li .line-left{background: #ff6a00;transition: all 0.5s;}
.contents ol > li .line-top, .contents ol > li .line-bottom{width: 100%;height: 2px;transform: translateX(-280px);}
.contents ol > li .line-right, .contents ol > li .line-left{width: 2px;height: 100%;transform: translateY(180px);}
.contents ol > li .line-bottom{transform: translateX(280px);position: absolute;bottom: 0;}
.contents ol > li .line-left{position: absolute;left: 0;}
.contents ol > li .line-right{transform: translateY(-180px);position: absolute;right: 0;}
.contents ol > li .main-content{width: 100%;height: 100%;position: absolute;top: 0;left: 0;padding: 10px 20px;box-sizing: border-box;}
.contents ol > li .main-content > .pic{width: 42px;height: 46px;}
.contents ol > li .main-content h4{font-size: 18px;margin: 4px 0;color: #a8a8a8;}
.contents ol > li .main-content p{font-size: 12px;color: #707070;}
.contents ol li:hover{background: #fff;}
.contents ol li:hover div.line-top, .contents ol li:hover div.line-bottom{transform: translateX(0);}
.contents ol li:hover div.line-right, .contents ol li:hover div.line-left{transform: translateY(0);}
.contents .pic02{width: 100%;height: 512px;margin: 50px 0;display: flex;}
.contents .pic02 > div:first-of-type{height: 512px;background: url(../images/pic02.jpg) no-repeat;background-size: cover;overflow: hidden;position: relative;}
.contents .pic02 > div:first-of-type .mask{width: 100%;height: 100%;position: absolute;top: 0;left: 0;background: rgba(0, 0, 0, 0.6);color: #fff;text-align: center;padding-top: 160px;box-sizing: border-box;}
.contents .pic02 > div:last-of-type{background: url(../images/pic02_right.jpg) no-repeat;background-size: cover;padding: 60px 70px;box-sizing: border-box;color: #fff;font-weight: 300;}
.contents .pic02 > div:last-of-type p .more{padding: 6px 20px;font-size: 18px;border: 1px solid #fff;border-radius: 50px;}
.contents .pic02 > div:last-of-type p .more:hover{background: #ff6a00;color: #fff;}
.contents .pic02 > div:last-of-type p:nth-of-type(1){font-size: 22px;}
.contents .pic02 > div:last-of-type p:nth-of-type(2){font-size: 50px;}
.contents .pic02 > div:last-of-type p:nth-of-type(3){float: left;padding: 20px;font-size: 30px;border: 2px solid #fff;margin-top: 80px;}
.contents .pic02 .play{width: 60px;height: 60px;position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);transition: all 0.5s;cursor: pointer;}
.contents .pic02 .play:hover{transform: translate(-50%, -50%) scale(1.3);}

.content02{height: 300px;background: #f5f5f5;}
.content02 .wrap{width: 1300px;position: relative;overflow: hidden;}
.content02 #swiper-container{width: 100%;height: 300px;}
.content02 .swiper-button-next:after, .content02 .swiper-button-prev:after{font-size: 30px;color: #ff3d00;}
.content02 .swiper-slide{display: flex;justify-content: center;align-items: center;}
.content02 .swiper-slide > ul{width: 1100px;height: 170px;border: 1px solid #e6e6e6;display: flex;justify-content: center;align-items: center;}
.content02 .swiper-slide > ul li{flex: 1;height: 100%;border-right: 1px solid #e6e6e6;padding: 24px 0;box-sizing: border-box;text-align: center;transition: all 0.3s;}
.content02 .swiper-slide > ul li:last-of-type{border-right: none;}
.content02 .swiper-slide > ul li > div{width: 240px;margin: 0 auto;color: #5e5e5e;transition: all 0.3s;}
.content02 .swiper-slide > ul li > div .pic{min-height: 60px;float: left;margin-right: 24px;}
.content02 .swiper-slide > ul li > div h4{text-align: left;font-size: 16px;}
.content02 .swiper-slide > ul li > div p{text-align: left;font-size: 12px;}
.content02 .swiper-slide > ul li > div .btn{display: inline-block;width: 76px;height: 26px;line-height: 24px;border-radius: 50px;border: 1px solid #5e5e5e;font-size: 12px;margin-top: 20px;color: #5e5e5e;}
.content02 .swiper-slide > ul li > div .btn a{color: #5e5e5e;}
.content02 .swiper-slide > ul li > div .btn:hover{border: 1px solid #ff6a00;background: #ff6a00;color: #fff;}
.content02 .swiper-slide > ul li > div .btn:hover a{color: #fff;}
.content02 .swiper-slide > ul li:hover{box-shadow: 0 0 10px rgba(199, 199, 199, 0.4);}
.content02 .swiper-slide > ul li:hover > div{transform: translateX(10px);}

.content03{background: url('../images/content03bg.png') no-repeat;background-size: 100%;font-size: 22px;font-weight: 300;color: #fff;}
.content03 .wrap{height: 88px;display: flex;align-items: center;justify-content: space-between;}
.content03 .btn{padding: 8px 14px;font-size: 18px;border: 1px solid #fff;box-sizing: border-box;border-radius: 40px;}
.content03 .btn:hover{background: #ff6a00;color: #fff;}
*/


.process_background{padding-top:20px; min-height: 428px;background: url(../images/process_bg.png) no-repeat;background-size: cover;box-sizing: border-box;}
.process_background .title{color: #626262;}
.process_background .title h4{font-size: 26px;font-weight: 300;}
.process_background .title p{font-size: 14px;margin-top: 4px; text-transform:uppercase;}
.process_background ul{width: 100%;display: flex;margin-top: 80px;}
.process_background ul li{flex: 1;display: flex;flex-direction: column;justify-content: center;align-items: center;font-size: 18px;color: #666666;}
.process_background ul li .pic{width: 54px;height: 54px;padding-bottom: 24px;}
.process{height: 384px;background-size: 100%;margin-top: 50px;}
.process .title{color: #626262;}
.process .title h4{font-size: 22px;}
.process .title p{font-size: 12px;margin-top: 4px;}
.process ul{width: 100%;display: flex;margin-top: 50px;}
.process ul li{width: 30%;display: flex;flex-direction: column;justify-content: space-between;align-items: center;font-size: 18px;color: 666666;}
.process ul li .pic{width: 54px;height: 54px;padding-bottom: 24px;}
.process ol{width: 100%;display: flex;margin-top: 150px;justify-content: space-between;}
.process ol li{width: 30%;display: flex;flex-direction: column;padding-left: 42px;box-sizing: border-box;font-size: 18px;}
.process ol li h4{font-size: 22px;color: #5e5e5e;position: relative;margin-bottom: 20px;}
.process ol li h4 a{color: #5e5e5e;}
.process ol li h4::after{content: '';width: 10px;height: 10px;background: url('../images/dont.png') no-repeat;background-size: cover;position: absolute;top: 50%;transform: translateY(-50%);left: -30px;}
.process ol li p{font-size: 16px;color: #7c7c7c;margin-top: 10px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;padding-bottom: 6px;border-bottom: 1px dashed rgba(255, 114, 7, 0.5);}
.process ol li p a{color: #5e5e5e;}
.process ol li .btn{width: 78px;height: 30px;border-radius: 50px;text-align: center;line-height: 30px;font-size: 14px;background: linear-gradient(90deg, #ff7207, #ffaa38);margin-top: 20px;color: #fff;}
.process ol li .btn:hover{background: #ff6a00;color: #fff;}

.problem{background: #f5f5f5;position: relative;padding: 40px 0;}
.problem .tips{width: 54px;height: 28px;background: url('../images/sanjiao.png');background-size: cover;position: absolute;left: 50%;top: 0;transform: translateX(-50%);}
.problem h2{text-align: center;font-size: 40px;color: #2e2e2e;}
.problem ul{display: flex;flex-wrap: wrap;justify-content: space-between;margin-top: 50px;}
.problem ul li{width: 30%;margin-bottom: 40px;}
.problem ul li h4{font-size: 18px;color: #636363;position: relative;}
.problem ul li h4 i{font-size: 24px;color: #ff7207;float: right;}
.problem ul li h4::after{content: '';width: 6px;height: 6px;border-radius: 50%;background: #ff7207;position: absolute;left: -20px;top: 50%;transform: translateY(-50%);}
.problem ul li .content{width: 100%;background: #fff;border-radius: 6px;padding: 20px 16px;box-sizing: border-box;color: #696969;margin-top: 14px;box-shadow: 2px 2px 5px #aeaeae;}

.footer{background: #f4f4f4;padding: 30px 0 50px;}
.footer .wrap > p{font-size: 12px;color: #868686;margin-top: 14px;text-align: center;}
.copyright p{font-size: 12px;color: #868686;margin-top: 14px;text-align: center;}
.footer ul{display: flex;justify-content: space-between;border-bottom: 1px solid #d7d7d7;padding-bottom: 30px;}
.footer ul li{flex: 1;font-size: 14px;}
.footer ul li > div.content{width: 100px;float: right;}
.footer ul li h4{color: #3f3f41;font-weight: bold;}
.footer ul li h4 a{color: #3f3f41;}
.footer ul li p{color: #a2a2a2;margin-top: 14px;}
.footer ul li p a{color: #a2a2a2;}
.footer ul li:nth-of-type(1){flex: 2;}
.footer ul li:nth-of-type(1) .logo{width: 188px;margin-bottom: 33px;}
.footer ul li:nth-of-type(1) p{color: #909090;font-size: 16px;}
.footer ul li:nth-of-type(1) p:last-of-type{margin-bottom: 20px;}
.footer ul li:nth-of-type(1) div > span{display: inline-block;width: 40px;height: 40px;line-height: 40px;border: 1px solid #868686;border-radius: 50px;color: #999;text-align: center;transition: all 0.3s;position: relative;margin-left: 20px;}
.footer ul li:nth-of-type(1) div > span > span{display: inline-block;width: 100px;height: 100px;position: absolute;border-radius: 10px;left: 50%;top: -260px;background: #ff6b01;color: #fff;transform: translateX(-50%);transition: all 0.3s;opacity: 0;}
.footer ul li:nth-of-type(1) div > span i{font-size: 24px;}
.footer ul li:nth-of-type(1) div > span:nth-of-type(1) > span, .footer ul li:nth-of-type(1) div > span:nth-of-type(3) > span{width: auto;height: 42px;top: -110px;padding: 4px 20px;}
.footer ul li:nth-of-type(1) div > span:nth-of-type(1) > span em, .footer ul li:nth-of-type(1) div > span:nth-of-type(3) > span em{position: relative;}
.footer ul li:nth-of-type(1) div > span:nth-of-type(1) > span em > i, .footer ul li:nth-of-type(1) div > span:nth-of-type(3) > span em > i{color: #ff6b01;position: absolute;bottom: -38px;left: 50%;transform: translateX(-50%);}
.footer ul li:nth-of-type(1) div > span:nth-of-type(2) em{position: relative;}
.footer ul li:nth-of-type(1) div > span:nth-of-type(2) em > i{color: #fff;position: absolute;bottom: -47px;left: 0;transform: translateX(-50%);}
.footer ul li:nth-of-type(1) div > span:nth-of-type(1){margin-left: 0;}
.footer ul li:nth-of-type(1) div > span:nth-of-type(1):hover > span, .footer ul li:nth-of-type(1) div > span:nth-of-type(3):hover > span{visibility: initial;opacity: 1;top: -70px;}
.footer ul li:nth-of-type(1) div > span:nth-of-type(2):hover > span{visibility: initial;opacity: 1;top: -160px;}

.footer ul li:nth-of-type(1) div > span:hover{background: #868686;}
.footer ul li:nth-of-type(1) div span:hover i{color: #ccc;}



.tanshipin{background: rgba(0, 0, 0, 0.9);position: fixed;top: 0;left: 0;bottom: 0;right: 0;margin: auto;z-index: 9999999;display: none;}
.tanshipin .content{width: 1000px;height: 700px;z-index: 999999;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);position: relative;}
.tanshipin .close{width: 50px;height: 50px;position: absolute;right: -50px;top: -10px;cursor: pointer;}
.tanshipin video{outline: none;}

.quanju{position: fixed;right: 0;top: 50%;transform: translateY(-50%);z-index: 999; }
.contact{width: 20px;padding: 14px 10px;background: #ff6b01;font-size: 18px;color: #fff;text-align: center;margin: 0 auto;line-height: 30px;}



.contents{margin-top: 20px;background: url('../images/content_bg.png') center 0 no-repeat;background-size: 100%;}
.contents .title{color: #555555;}
.contents .title h4{font-size: 40px;}
.contents .title h3{font-size: 14px;}
.contents .title .btn{width: 88px;height: 34px;text-align: center;line-height: 34px;border-radius: 50px;border: 1px solid #ff6f09;color: #ff6f09;font-size: 16px;float: right;position: relative;top: -56px;}
.contents ul{width: 1200px;display: flex;justify-content: left;align-items: center;border-bottom: 1px solid #dedede;font-size: 16px;}
.contents ul li{width: 15%;text-align: center;padding-bottom: 16px;font-size: 16px;cursor: pointer;}
.contents ul li i{display: none;}
.contents ul li:hover{color: #ff6a00;}
.contents ul li.current{border-bottom: 1px solid #ff6a00;position: relative;color: #ff6a00;}
.contents ul li.current i{display: block;position: absolute;bottom: -20px;left: 50%;transform: translate(-50%, 0);color: #ff6a00;font-size: 30px;}
.contents .mainBox{width: 100%;overflow: hidden;}
.contents .out{transition: all 0.5s;height: 420px;}
.contents ol{padding: 0 20px;box-sizing: border-box;margin-top: 50px;width: 1200px;height: 100%;display: flex;flex-wrap: wrap;justify-content: space-between;align-items: center;float: left;}
.contents ol > li{width: 100%;}
.contents ol > li .pic{width: 558px;height: 360;position: relative;float: left;margin-right: 100px;}
.contents ol > li .pic .colorBg{width: 78px;height: 312px;background: #eca541;position: absolute;left: -20px;bottom: -20px;z-index: -1;}
.contents ol > li .about{text-align: justify;padding-top: 70px;}
.contents ol > li .about h4{font-size: 40px;color: #555;font-weight: 300;}
.contents ol > li .about p{color: #5d5d5e;font-size: 18px;margin-top: 38px;line-height: 34px;}
.contents .pic02{width: 100%;margin: 50px 0;}
.contents .pic02 h4{font-size: 40px;color: #555;font-weight: 300;}
.contents .pic02 p{color: #5d5d5e;font-size: 18px; display: flex;justify-content: space-between;}
.contents .pic02 img{margin-top: 80px;}
.content03{height: 106px;background: url('../images/about_play.png') no-repeat;background-size: cover;}
.content03 .wrap{height: 106px;display: flex;flex-direction: column;justify-content: center;color: #fff;}
.content03 .wrap h4{font-size: 30px;margin-bottom: 6px;font-weight: 300;}
.content03 .wrap p{font-size: 18px;font-weight: 300;}
.play{margin-bottom: 110px;}
.play .title{font-size: 20px;color: #5d5d5e;font-weight: 300;margin-top: 80px;}
.play .title span{font-size: 14px;}
.play .tips{border-radius: 10px;background: #fff7ef;border: 1px solid #df6a2d;padding: 14px 30px;box-sizing: border-box;margin: 30px 0 40px;}
.play .tips img{display: inline-block;margin-right: 20px;}
.play .tips span{color: #5d5d5e;font-size: 16px;}
.play ul{display: flex;justify-content: space-between;}
.play ul li{width: 50%;padding-left: 50px;color: #3f3f41;font-size: 16px;}
.play ul li .icon{margin-right: 20px;}
.play ul li .icon img{float: left;}
.play ul li .content{display: flex;align-items: center;margin-top: 40px;}
.play ul li .content p:nth-of-type(2){margin-top: 10px;}