body{background-color: #fff;}
.section{width: 1200px;margin: 0 auto;}
.section1-box{width: 100%;height: 650px;background:url(../../images/home/top_banner.png) no-repeat center top;overflow: hidden;background-size: cover;}
.section1-box .logo-box{margin-top: 159px;}
.section1-box .logo-box>img{width: 245px;}
.section1-box .top-intro-box{font-size: 56px;line-height: 74px;color: #fff;letter-spacing: 1.4px;position: relative;margin-top: 18px;}
.section1-box .top-intro-box>span{width: 230px;height: 4px;background-color: #fff;border-radius: 4px;position: absolute;left: 0;bottom: -22px;}

.section2-box{width: 100%;overflow: hidden;padding-bottom: 60px;background: #fff;}
.section2-box>div>h2{font-size: 54px;color: #333;font-weight: bold;letter-spacing: 1.35px;line-height: 54px;margin-top: 80px;text-align: center;}
.section2-box>div>p{color: #333;font-size: 18px;line-height: 25px;letter-spacing: 0.45px;text-indent:40px;margin-top: 30px;}
.section2-box>div>ul{margin-top: 50px;margin-left: -40px;}
.section2-box>div>ul li{float: left;margin-left: 40px;width: 270px;height: 330px;box-sizing: border-box;border: 1px solid #E6E6E6;border-radius: 10px;}
.section2-box>div>ul li div{width: 270px;height: 270px;}
.section2-box>div>ul li div>img{width: 270px;}
.section2-box>div>ul li>p{padding: 16px 0 0 16px;color: #333;font-size: 20px;line-height: 28px;font-weight: 600;}

.section3-box{width: 100%;overflow: hidden;background-color: #5047D3;height: 680px;position: relative;}
.section3-box .bg-line-box{position: absolute;left: 50%;transform: translateX(-50%);bottom: 143px;background: url(../../images/home/line_bg.png) no-repeat center center;width: 100%;height: 270px;}
.section3-box>div>h2{font-size: 54px;line-height: 54px;letter-spacing: 1.35px;font-weight: 600;margin-top: 40px;text-align: center;color: #fff;}
.section3-box>div>p{font-size: 18px;line-height: 25px;letter-spacing: 0.45px;margin-top: 30px;text-align: center;color: #fff;}
.section3-box>div .intro-list{width: 100%;position: relative;height: 481px;margin-top: 23px;}
.section3-box>div .intro-box{position: absolute;}
.section3-box>div .intro-top{top: 0;}
.section3-box>div .intro-bottom{bottom: 0;}
.section3-box>div .intro1-box{left: 31px;top: 33px;}
.section3-box>div .intro2-box{left: 427px;top: 26px;}
.section3-box>div .intro3-box{left: 823px;}
.section3-box>div .intro4-box{left: 229px;}
.section3-box>div .intro5-box{left: 625px;bottom: 51px;}
.section3-box>div .intro6-box{right: 6px;bottom: 20px;}
.section3-box>div .intro-box>div{width: 28px;height: 128px;margin-left: 30px;}
.section3-box>div .intro-box>div>img{width: 28px;}
.section3-box>div .intro-top>div{margin-top: 10px;}
.section3-box>div .intro-bottom>div{margin-bottom: 10px;}
.section3-box>div .intro-box>p{font-size: 18px;line-height: 25px;letter-spacing: 0.45px;font-weight: 600;color: #fff;height: 88px;line-height: 88px;}
.section3-box>div .intro-box>p>img{width: 88px;height: 88px;margin-right: 8px;vertical-align: middle;}

.section4-box{overflow: hidden;position: relative;background: #fff;padding-bottom: 40px;}
.section4-box>div>h2{font-size: 54px;color: #333;line-height: 54px;letter-spacing: 1.35px;font-weight: 600;margin-top: 80px;text-align: center;}
.section4-box>div>p{font-size: 18px;color: #333;line-height: 25px;letter-spacing: 0.45px;margin-top: 30px;text-align: center;}
.section4-box>div>ul{margin-top: 50px;margin-left: -40px;}
.section4-box>div>ul li{margin-left: 40px;width: 270px;height: 360px;border: 1px solid #E6E6E6;border-radius: 10px;position: relative;float: left;box-sizing: border-box;margin-bottom: 40px;overflow: hidden;cursor: pointer;}
.section4-box>div>ul li .img-box{width: 270px;height: 270px;margin-top: 56px;transition: 0.3s;}
.section4-box>div>ul li .img-box>img{width: 270px;}
.section4-box>div>ul li .img-txt{height: 56px;position: absolute;left: 0;top: 0;background: #fff;transition: 0.3s;z-index: 4;overflow: hidden;}
.section4-box>div>ul li .img-txt>h3{line-height: 56px;text-align: center;color: #333;font-size: 20px;font-weight: 600;}
.section4-box>div>ul li .img-txt>p{padding: 29px 30px 0;text-align: center;color: #666;line-height: 25px;letter-spacing: 0.45px;font-size: 18px;}
.section4-box>div>ul li:hover .img-box{margin-top: 100px;}
.section4-box>div>ul li:hover .img-txt{height: 250px;border-radius: 0 0 50% 50%; overflow: hidden;}

.section5-box{height: 680px;width: 100%;position: relative;}
.section5-box>div{position: relative;}
.section5-box .s5-bg-box{position: absolute;background: url(../../images/home/n_bg.png) no-repeat center center;width: 1430px;height: 680px;left: 170px;}
.section5-box>div>h2{text-align: center;font-size: 54px;line-height: 54px;letter-spacing: 1.35px;color: #333;padding-top: 41px;font-weight: 600;}
.section5-box>div>p{margin-top: 40px;font-size: 18px;color: #333;line-height: 25px;letter-spacing: 0.45px;text-align: center;}
.section5-box .s5-content{margin-top: 40px;position: relative;z-index: 4;}
.section5-box .s5-content .s5-img{width: 481px;height: 481px;float: left;}
.section5-box .s5-content .s5-img>img{width: 481px;}
.section5-box .s5-content .s5-list{float: left;margin-left: 139px;margin-top: 75px;}
.section5-box .s5-content .s5-list>div{color: #333;font-size: 18px;line-height: 25px;letter-spacing: 0.45px;margin-bottom: 20px;line-height: 50px;}
.section5-box .s5-content .s5-list>div>span{color: #5047D3;line-height: 50px;font-size: 36px;margin-right: 24px;vertical-align: top;font-weight: 500;}

.section6-box{height: 680px;width: 100%;position: relative;margin-top: 100px;}
.section6-box>div{position: relative;}
.section6-box .s6-bg-box{position: absolute;background: url(../../images/home/y_bg.png) no-repeat center center;width: 1430px;height: 680px;right: 170px;}
.section6-box>div>h2{text-align: center;font-size: 54px;line-height: 54px;letter-spacing: 1.35px;color: #333;padding-top: 41px;font-weight: 600;}
.section6-box>div>p{margin-top: 40px;font-size: 18px;color: #333;line-height: 25px;letter-spacing: 0.45px;text-align: center;}
.section6-box>div>ul{position: relative;z-index: 4;margin-left: -40px;margin-top: 80px;}
.section6-box>div>ul li{width: 270px;height: 360px;border-radius: 10px;position: relative;float: left;margin-left: 40px;}
.section6-box>div>ul li>img{width: 270px;}
.section6-box>div>ul li>p{width: 215px;height: 50px;background-color: #fff;border-radius: 10px 0 10px 0;border: 1px solid #E6E6E6;text-align: center;line-height: 50px;position: absolute;right: 0;bottom: 0;color: #333;font-size: 20px;font-weight: 500;}

.section7-box{width: 100%;margin-top: 80px;overflow: hidden;}
.section7-box .switch-btn-box{width: 480px;height: 60px;border: 1px solid #DEDEDE;border-radius: 6px;margin: 0 auto;box-sizing: border-box;font-size: 0;}
.section7-box .switch-btn-box>a{display: inline-block;font-size: 20px;color: #333;position: relative;overflow: hidden;cursor: pointer;width: 50%;border-radius: 6px;line-height: 60px;text-align: center;font-weight: bold;}
.section7-box .switch-btn-box>a.cur{color: #fff;background: linear-gradient(180deg, #887DEB 0%, #5047D3 100%);}
.section7-box .switch-btn-box>a + a{left: 1px;}
.section7-box .switch-btn-box>a:hover{color: #5047D3;}
.section7-box .switch-btn-box>a.cur:hover{color: #fff;}
.section7-box .switch-content-box{margin-top: 51px;}
.section7-box .switch-content-box>ul{margin-left: -39px;}
.section7-box .switch-content-box>ul.hide{display: none;}
.section7-box .switch-content-box>ul li{float: left;width: 374px;height: 280px;margin-left: 39px;margin-bottom: 40px;}
.section7-box .switch-content-box>ul li>img{width: 374px;}

.section8-box{width: 100%;overflow: hidden;position: relative;margin-top: 40px;padding-bottom: 70px;}
.section8-box>div>h2{text-align: center;font-size: 54px;line-height: 54px;letter-spacing: 1.35px;color: #333;font-weight: 600;}
.section8-box>div>p{margin-top: 30px;font-size: 18px;color: #333;line-height: 25px;letter-spacing: 0.45px;text-align: center;}
.section8-box>div .logo-box{margin-top: 40px;}

.footer-box{background-color: #F9F9F9;height: 320px;width: 100%;overflow: hidden;}
.footer-box>div>h2{font-size: 30px;color: #2B2B2B;letter-spacing: 0.57px;line-height: 28px;margin-top: 40px;margin-left: 150px;}
.footer-box>div>h2>img{width: 39px;margin-right: 16px;vertical-align: middle;}
.footer-box>div .contact-box{margin-top: 37px;}
.footer-box>div .contact-tel{margin-left: 300px;float: left;}
.footer-box>div .contact-tel>h3{color: #ACACAC;font-size: 18px;line-height: 20px;letter-spacing: 0.34px;}
.footer-box>div .contact-tel>p{color: #2B2B2B;font-size: 16px;line-height: 20px;letter-spacing: 0.3px;margin-top: 20px;}
.footer-box>div .contact-code{line-height: 104px;float: right;margin-right: 300px;}
.footer-box>div .contact-code>img{width: 104px;vertical-align: middle;}
.footer-box>div .contact-code>p{color: #2B2B2B;line-height: 32px;letter-spacing: 0.3px;font-size: 16px;display: inline-block;vertical-align: middle;margin-left: 20px;}
.footer-box>div .foot-web-infor{color: #ACACAC;font-size: 12px;line-height: 16px;text-align: center;margin-top: 39px;}
.footer-box>div .foot-web-infor img{width: 24px;height: 26px;}
.footer-box>div .foot-web-infor>a{color: #ACACAC;font-size: 12px;}