@charset "UTF-8";
.q_center { margin: 0 auto; width: 1200px; }

.template .template_btn { width: 211px; height: 55px; line-height: 55px; background-color: #ffc625; border-radius: 28px; font-size: 20px; text-align: center; letter-spacing: 0px; color: #ffffff; position: relative; overflow: hidden; }

.template .template_btn:after { content: " "; position: absolute; top: 50%; left: 50%; width: 0; height: 0; border-radius: 50%; -o-transform: translate3d(-50%, -50%, 0); -moz-transform: translate3d(-50%, -50%, 0); -webkit-transform: translate3d(-50%, -50%, 0); transform: translate3d(-50%, -50%, 0); background-color: #d0b25f; opacity: 0.5; -o-animation: btnLoop 1.5s infinite; -moz-animation: btnLoop 1.5s infinite; -webkit-animation: btnLoop 1.5s infinite; animation: btnLoop 1.5s infinite; }

.template .mobile_img { display: none; text-align: center; }

.template .template_banner .background_img { background-size: 100%; background-position: bottom center; background-image: url("/images/template/banner_bg.png"); }

.template .template_banner .box { padding-top: 83px; padding-bottom: 143px; position: relative; }

.template .template_banner .box .left_img { position: relative; margin-left: 6.77083%; margin-right: 5.20833%; }

.template .template_banner .box .left_img .img { position: relative; z-index: 5; }

.template .template_banner .box .left_img .img_icon1 { position: absolute; left: 65px; top: 120px; z-index: 5; }

.template .template_banner .box .left_img .img_icon2 { position: absolute; left: 405px; top: 190px; z-index: 5; }

.template .template_banner .box .left_img.active .img_icon1 { -o-animation: bannerImgIcon1 1.2s forwards; -moz-animation: bannerImgIcon1 1.2s forwards; -webkit-animation: bannerImgIcon1 1.2s forwards; animation: bannerImgIcon1 1.2s forwards; }

.template .template_banner .box .left_img.active .img_icon2 { -o-animation: bannerImgIcon2 1.2s forwards; -moz-animation: bannerImgIcon2 1.2s forwards; -webkit-animation: bannerImgIcon2 1.2s forwards; animation: bannerImgIcon2 1.2s forwards; }

.template .template_banner .box .txt { margin-top: 200px; position: relative; }

.template .template_banner .box .txt .name { font-size: 44px; font-weight: bold; line-height: 46px; letter-spacing: 2px; color: #44356d; margin-bottom: 85px; }

.template .template_banner .box .txt .block_box{margin-bottom: 40px;}

.template .template_banner .box .txt .block_box:last-child { margin-bottom: 0px; }

.template .template_banner .box .txt .block { margin-bottom: 95px; }

.template .template_banner .box .txt .block .line { color: #44356d; font-size: 20px; }

.template .template_banner .box .txt .block .line:nth-child(1) { margin-right: 55px; }

.template .template_banner .box .txt .block .line .icon { margin-right: 10px; }

.template .template_banner .box .txt .bg_txt { position: absolute; top: -13px; left: 60px; width: 851px; }

.template .template_banner .box .top_icon1 { position: absolute; top: 0; right: 732px; }

.template .template_banner .box .top_icon2 { position: absolute; top: 42px; right: 325px; }

.template .template_banner .box .top_icon3 { position: absolute; top: 435px; right: 175px; }

.template .template_banner .box .top_icon4 { position: absolute; top: 390px; right: 170px; }

.template .template_banner .box .top_icon4.fadeBannerIcon4 { -o-animation: bannerIcon4 1.2s forwards; -moz-animation: bannerIcon4 1.2s forwards; -webkit-animation: bannerIcon4 1.2s forwards; animation: bannerIcon4 1.2s forwards; }

.template .template_banner .box .top_icon4.active { -o-animation: bannerIcon4Loop 2s infinite; -moz-animation: bannerIcon4Loop 2s infinite; -webkit-animation: bannerIcon4Loop 2s infinite; animation: bannerIcon4Loop 2s infinite; }

.template .main1 { padding: 140px 0 60px; position: relative; }

.template .main1 .left_txt { box-shadow: -5px -4px 35px 3px rgba(74, 96, 255, 0.05); border-radius: 28px; padding: 75px 0 55px; margin-left: 14.0625%; width: 33.59375%; position: relative; background-color: #ffffff; }

.template .main1 .left_txt .name { font-size: 36px; margin-bottom: 110px; text-align: center; }

.template .main1 .left_txt .block { margin-bottom: 65px; }

.template .main1 .left_txt .block .line { cursor: pointer; padding-left: 13.95349%; font-size: 18px; color: #888888; letter-spacing: 1px; position: relative; }

.template .main1 .left_txt .block .line .txt { position: relative; z-index: 5; }

.template .main1 .left_txt .block .line .txt .icon { margin-right: 28px; }

.template .main1 .left_txt .block .line .active_bg { opacity: 0; position: absolute; padding-right: 65px; padding-bottom: 7px; top: 50%; left: 50%; width: calc(100% + 60px); -o-transform: translate3d(-50%, -50%, 0); -moz-transform: translate3d(-50%, -50%, 0); -webkit-transform: translate3d(-50%, -50%, 0); transform: translate3d(-50%, -50%, 0); height: 112px; background-color: #f8f9ff; border-radius: 16px; -o-transition: all 0.5s; -moz-transition: all 0.5s; -webkit-transition: all 0.5s; transition: all 0.5s; }

.template .main1 .left_txt .block .line:not(:last-child) { margin-bottom: 85px; }

.template .main1 .left_txt .block .line.active .active_bg { opacity: 1; }

.template .main1 .left_txt .icon1 { position: absolute; left: -140px; bottom: -57px; z-index: -1; }

.template .main1 .right_box { position: relative; margin-top: 52px; margin-left: 11.35417%; }

.template .main1 .right_box .img { position: relative; z-index: 2; }

.template .main1 .right_box .icon1 { position: absolute; top: 170px; left: -102px; z-index: 3; }

.template .main1 .right_box .icon2 { position: absolute; top: 65px; left: 118px; z-index: 3; }

.template .main1 .right_box .icon3 { position: absolute; top: 70px; right: -40px; z-index: 3; }

.template .main1 .right_box .icon4 { position: absolute; bottom: 135px; right: -40px; z-index: 3; }

.template .main1 .right_box .icon5 { position: absolute; left: 80px; bottom: -40px; z-index: 3; }

.template .main1 .right_box .icon6 { position: absolute; bottom: -85px; right: -55px; z-index: 3; }

.template .main1 .right_box.active .icon1 { -o-animation: main1ImgIcon1 1.2s forwards; -moz-animation: main1ImgIcon1 1.2s forwards; -webkit-animation: main1ImgIcon1 1.2s forwards; animation: main1ImgIcon1 1.2s forwards; }

.template .main1 .right_box.active .icon2 { -o-animation: main1ImgIcon2 1.2s forwards; -moz-animation: main1ImgIcon2 1.2s forwards; -webkit-animation: main1ImgIcon2 1.2s forwards; animation: main1ImgIcon2 1.2s forwards; }

.template .main1 .right_box.active .icon3 { -o-animation: main1ImgIcon3 1.2s forwards; -moz-animation: main1ImgIcon3 1.2s forwards; -webkit-animation: main1ImgIcon3 1.2s forwards; animation: main1ImgIcon3 1.2s forwards; }

.template .main1 .right_box.active .icon4 { -o-animation: main1ImgIcon4 1.2s forwards; -moz-animation: main1ImgIcon4 1.2s forwards; -webkit-animation: main1ImgIcon4 1.2s forwards; animation: main1ImgIcon4 1.2s forwards; }

.template .main1 .bg_icon1 { position: absolute; top: 210px; right: 158px; }

.template .main1 .bg_icon1.active { -o-animation: main1BgIcon1Loop 2s infinite; -moz-animation: main1BgIcon1Loop 2s infinite; -webkit-animation: main1BgIcon1Loop 2s infinite; animation: main1BgIcon1Loop 2s infinite; }

.template .main1 .bg_icon2 { position: absolute; top: 395px; right: 36px; }

.template .main1 .bg_icon2.active { -o-animation: main1BgIcon2Loop 2s infinite; -moz-animation: main1BgIcon2Loop 2s infinite; -webkit-animation: main1BgIcon2Loop 2s infinite; animation: main1BgIcon2Loop 2s infinite; }

.template .main1 .template_btn { margin-left: 13.95349%; }

.template .main2 { padding: 90px 0 105px; }

.template .main2 .content { width: 1630px; margin: 0 auto; }

.template .main2 .content .box { padding: 130px 10.6135% 80px 11.53374%; background-color: #f8f9ff; border-radius: 16px; position: relative; }

.template .main2 .content .box .title { text-align: center; font-size: 36px; letter-spacing: 2px; margin-bottom: 100px; }

.template .main2 .content .box .box_block { margin-bottom: 75px; }

.template .main2 .content .box .box_block .block .img { display: inline-block; position: relative; }

.template .main2 .content .box .box_block .block .img .main_img { display: inline-block; }

.template .main2 .content .box .box_block .block .txt { font-size: 18px; letter-spacing: 1px; color: #828c91; margin-top: 45px; }

.template .main2 .content .box .box_block .block .txt .line:nth-child(1) { margin-bottom: 22px; }

.template .main2 .content .box .box_block .block .txt .icon { width: 9px; height: 9px; border-radius: 50%; background-color: #8aaaff; margin-right: 15px; margin-top: 9px; }

.template .main2 .content .box .box_block .block .txt p { width: 98%; text-align: left; }

.template .main2 .content .box .box_block .block:nth-child(1) .img .icon1 { position: absolute; top: 280px; left: 27px; -o-animation-delay: 0.5s; -moz-animation-delay: 0.5s; -webkit-animation-delay: 0.5s; animation-delay: 0.5s; }

.template .main2 .content .box .box_block .block:nth-child(1) .img .icon2 { position: absolute; top: 355px; left: 312px; -o-animation-delay: 0.5s; -moz-animation-delay: 0.5s; -webkit-animation-delay: 0.5s; animation-delay: 0.5s; }

.template .main2 .content .box .box_block .block:nth-child(1) .img .icon3 { position: absolute; top: 220px; right: 45px; -o-animation-delay: 0.5s; -moz-animation-delay: 0.5s; -webkit-animation-delay: 0.5s; animation-delay: 0.5s; }

.template .main2 .content .box .box_block .block:nth-child(1) .bottom_img { margin-left: 45px; margin-top: 60px; }

.template .main2 .content .box .box_block .block:nth-child(1) .txt { margin-left: 50px; }

.template .main2 .content .box .box_block .block:nth-child(2) { text-align: right; }

.template .main2 .content .box .box_block .block:nth-child(2) .img .icon1 { position: absolute; top: 228px; left: -53px; -o-animation-delay: 0.5s; -moz-animation-delay: 0.5s; -webkit-animation-delay: 0.5s; animation-delay: 0.5s; }

.template .main2 .content .box .box_block .block:nth-child(2) .img .icon2 { position: absolute; bottom: -30px; left: 0; -o-animation-delay: 0.5s; -moz-animation-delay: 0.5s; -webkit-animation-delay: 0.5s; animation-delay: 0.5s; }

.template .main2 .content .box .box_block .block:nth-child(2) .img .icon3 { position: absolute; top: 90px; right: 42px; -o-animation-delay: 0.5s; -moz-animation-delay: 0.5s; -webkit-animation-delay: 0.5s; animation-delay: 0.5s; }

.template .main2 .content .box .box_block .block:nth-child(2) .bottom_img { margin-right: 55px; margin-top: 18px; }

.template .main2 .content .box .box_block .block:nth-child(2) .txt { margin-left: -10px; }

.template .main2 .content .box .template_btn { margin: 0 auto; }

.template .main2 .content .box .bg_icon1 { position: absolute; top: 508px; left: -120px; z-index: -1; }

.template .main2 .content .box .bg_icon2 { position: absolute; top: -22px; right: -32px; -o-animation: main2BgIcon2Loop 2s infinite; -moz-animation: main2BgIcon2Loop 2s infinite; -webkit-animation: main2BgIcon2Loop 2s infinite; animation: main2BgIcon2Loop 2s infinite; }

.template .main2 .content .box .bg_icon3 { position: absolute; bottom: 45px; right: -135px; z-index: -1; }

.template .main3 { padding-bottom: 55px; }

.template .main3 .content .left_img { text-align: center; margin-left: 13.125%; }

.template .main3 .content .left_img .main_img { position: relative; margin-bottom: 10px; }

.template .main3 .content .left_img .main_img .main_icon1 { position: absolute; left: -120px; top: 20px; }

.template .main3 .content .left_img .main_img .main_icon1.active { -o-animation: main3ImgIcon1Loop 2s infinite; -moz-animation: main3ImgIcon1Loop 2s infinite; -webkit-animation: main3ImgIcon1Loop 2s infinite; animation: main3ImgIcon1Loop 2s infinite; }

.template .main3 .content .left_img .main_img .main_icon2 { position: absolute; left: -85px; top: 405px; }

.template .main3 .content .left_img .main_img .main_icon2.active { -o-animation: main3ImgIcon2Loop 2s infinite; -moz-animation: main3ImgIcon2Loop 2s infinite; -webkit-animation: main3ImgIcon2Loop 2s infinite; animation: main3ImgIcon2Loop 2s infinite; }

.template .main3 .content .left_img .main_img .main_icon3 { position: absolute; right: 97px; bottom: 38px; -o-animation: main3ImgIcon3 1.2s forwards; -moz-animation: main3ImgIcon3 1.2s forwards; -webkit-animation: main3ImgIcon3 1.2s forwards; animation: main3ImgIcon3 1.2s forwards; -o-animation-delay: 0.5s; -moz-animation-delay: 0.5s; -webkit-animation-delay: 0.5s; animation-delay: 0.5s; }

.template .main3 .content .left_img .main_img .main_icon4 { position: absolute; left: 53px; bottom: -20px; -o-animation-delay: 0.5s; -moz-animation-delay: 0.5s; -webkit-animation-delay: 0.5s; animation-delay: 0.5s; }

.template .main3 .content .right_txt { position: relative; margin-top: 100px; margin-left: 11.45833%; }

.template .main3 .content .right_txt .title { font-size: 36px; margin-bottom: 85px; }

.template .main3 .content .right_txt .abstract .line { color: #828c91; font-size: 18px; }

.template .main3 .content .right_txt .abstract .line:not(:last-child) { margin-bottom: 35px; }

.template .main3 .content .right_txt .abstract .line .icon { width: 9px; height: 9px; border-radius: 50%; background-color: #8aaaff; margin-right: 15px; margin-top: 9px; }

.template .main3 .content .right_txt .abstract .line p { width: 98%; }

.template .main3 .content .right_txt .txt_icon1 { position: absolute; top: -25px; left: 270px; -o-animation: main3TxtIcon1Loop 2s infinite; -moz-animation: main3TxtIcon1Loop 2s infinite; -webkit-animation: main3TxtIcon1Loop 2s infinite; animation: main3TxtIcon1Loop 2s infinite; }

.template .main3 .content .right_txt .txt_icon2 { position: absolute; top: 338px; width: 252px; left: 440px; }

.template .main3 .content .right_txt .txt_icon3 { position: absolute; top: 140px; left: -25px; z-index: -1; width: 867px; }

.template .main3 .template_btn { margin-top: 75px; }

.template .main4 { padding: 88px 0 103px; }

.template .main4 .content { width: 1630px; margin: 0 auto; border-radius: 16px; background-color: #f6faff; padding: 130px 0 85px; position: relative; }

.template .main4 .content .box { margin: 0 auto; width: 1200px; text-align: center; }

.template .main4 .content .box .title { font-size: 36px; text-align: center; margin-bottom: 110px; }

.template .main4 .content .box .main_img { text-align: center; position: relative; display: inline-block; margin-left: 12.5%; }

.template .main4 .content .box .main_img .main_icon1 { position: absolute; left: -200px; top: 115px; }

.template .main4 .content .box .main_img .main_icon2 { position: absolute; left: -32px; top: -11px; }

.template .main4 .content .box .main_img .main_icon3 { position: absolute; right: 215px; bottom: 165px; }

.template .main4 .content .bottom_img { margin-top: 45px; position: relative; }

.template .main4 .content .bottom_img .block { height: 238px; background-image: url("/images/template/main4_main_bg.png"); }

.template .main4 .content .bottom_img .block .line { position: absolute; }

.template .main4 .content .bottom_img .block .line .name { margin-bottom: 14px; font-size: 18px; letter-spacing: 1px; color: #828c91; }

.template .main4 .content .bottom_img .block .line .name span { color: #8aaaff; margin-right: 10px; }

.template .main4 .content .bottom_img .block .line .round_icon { width: 9px; height: 9px; border-radius: 50%; background-color: #8aaaff; position: relative; margin-bottom: 7px; }

.template .main4 .content .bottom_img .block .line .round_icon:after { content: " "; position: absolute; top: 50%; left: 50%; width: 21px; height: 21px; opacity: 0.3; border-radius: 50%; background-color: #8aaaff; -o-transform: translate3d(-50%, -50%, 0); -moz-transform: translate3d(-50%, -50%, 0); -webkit-transform: translate3d(-50%, -50%, 0); transform: translate3d(-50%, -50%, 0); }

.template .main4 .content .bottom_img .block .line .line_icon { height: 47px; border-left: solid 1px #aec2ff; border-left: 1px dashed #aec2ff; }

.template .main4 .content .bottom_img .block .line:nth-child(1) { left: 6.83333%; top: -100px; }

.template .main4 .content .bottom_img .block .line:nth-child(2) { left: 370px; top: -10px; }

.template .main4 .content .bottom_img .block .line:nth-child(3) { left: 623px; top: -75px; }

.template .main4 .content .bottom_img .block .line:nth-child(4) { right: 130px; top: -12px; }

.template .main4 .content .mobile_bottom_img { display: none; margin-top: 30px; }

.template .main4 .content .mobile_bottom_img .block { display: inline-block; }

.template .main4 .content .mobile_bottom_img .block .line { color: #828c91; font-size: 18px; line-height: 36px; }

.template .main4 .content .mobile_bottom_img .block .line .icon { width: 9px; height: 9px; border-radius: 50%; background-color: #8aaaff; margin-right: 15px; }

.template .main4 .content .bg_icon01 { position: absolute; top: 350px; left: -135px; }

.template .main4 .content .bg_icon02 { position: absolute; top: -25px; right: -32px; -o-animation: main4BgIcon2Loop 2s infinite; -moz-animation: main4BgIcon2Loop 2s infinite; -webkit-animation: main4BgIcon2Loop 2s infinite; animation: main4BgIcon2Loop 2s infinite; }

.template .main4 .content .bg_icon03 { position: absolute; bottom: -103px; right: -110px; }

.template .main4 .template_btn { margin: 0 auto; position: relative; z-index: 2; margin-top: -55px; }

.template .main5 { padding: 50px 0 82px; }

.template .main5 .content { position: relative; }

.template .main5 .content .title { text-align: center; font-size: 36px; margin-bottom: 55px; }

.template .main5 .content .box { position: relative; }

.template .main5 .content .box .block { width: 31%; border-radius: 10px; text-align: center; padding: 50px 0 0; height: 500px; position: relative; }

.template .main5 .content .box .block:nth-child(1) { background-image: url("/images/template/main5_box01.png"); }

.template .main5 .content .box .block:nth-child(2) { background-image: url("/images/template/main5_box02.png"); }

.template .main5 .content .box .block:nth-child(3) { background-image: url("/images/template/main5_box03.png"); }

.template .main5 .content .box .block .txt { font-size: 26px; letter-spacing: 1px; color: #ffffff; }

.template .main5 .content .box .block .txt .txtcolor { font-size: 30px; font-weight: bold; line-height: 32px; letter-spacing: 0px; color: #e0fd69; margin-bottom: 22px; }

.template .main5 .content .box .block .txt .line_tag { margin-top: 20px; font-size: 16px; }

.template .main5 .content .box .block .txt .line_tag.active { color: #fdc629; }

.template .main5 .content .box .block .more { position: absolute; bottom: 250px; left: 50%; -o-transform: translate3d(-50%, 0, 0); -moz-transform: translate3d(-50%, 0, 0); -webkit-transform: translate3d(-50%, 0, 0); transform: translate3d(-50%, 0, 0); width: 160px; height: 50px; margin: 0 auto; border-radius: 25px; text-align: center; line-height: 48px; color: #ffffff; font-size: 18px; border: solid 1px #ffffff; background-color: rgba(255, 255, 255, 0.3); -o-transition: all 0.3s; -moz-transition: all 0.3s; -webkit-transition: all 0.3s; transition: all 0.3s; }

.template .main5 .content .box .block .more:hover { border: 1px solid #ffc625; background-color: #ffc625; }

.template .main5 .content .box .block:nth-child(1) { -o-animation-delay: 0s; -moz-animation-delay: 0s; -webkit-animation-delay: 0s; animation-delay: 0s; }

.template .main5 .content .box .block:nth-child(2) { -o-animation-delay: 0.3s; -moz-animation-delay: 0.3s; -webkit-animation-delay: 0.3s; animation-delay: 0.3s; }

.template .main5 .content .box .block:nth-child(3) { -o-animation-delay: 0.6s; -moz-animation-delay: 0.6s; -webkit-animation-delay: 0.6s; animation-delay: 0.6s; }

.template .main5 .content .box .bg_icon1 { position: absolute; left: -138px; top: -90px; z-index: -1; }

.template .main5 .content .box .bg_icon3 { position: absolute; right: -210px; top: 372px; -o-animation: main5BgIcon3Loop 2s infinite; -moz-animation: main5BgIcon3Loop 2s infinite; -webkit-animation: main5BgIcon3Loop 2s infinite; animation: main5BgIcon3Loop 2s infinite; }

.template .main5 .content .bg_icon2 { position: absolute; left: 0; top: 450px; z-index: -1; }

.template .main6 { padding-bottom: 140px; }

.template .main6 .content { width: 1630px; margin: 0 auto; border-radius: 16px; padding: 130px 0 105px; position: relative; background-image: url("/images/template/main6_bg_img.png"); }

.template .main6 .content .q_center { position: relative; z-index: 5; }

.template .main6 .content .q_center .title { text-align: center; font-size: 36px; margin-bottom: 40px; }

.template .main6 .content .q_center .nav_title { margin-bottom: 50px; }

.template .main6 .content .q_center .nav_title p { font-size: 20px; cursor: pointer; position: relative; -o-transition: all 0.3s; -moz-transition: all 0.3s; -webkit-transition: all 0.3s; transition: all 0.3s; }

.template .main6 .content .q_center .nav_title p:nth-child(1) { margin-right: 70px; }

.template .main6 .content .q_center .nav_title p.active { color: #8aaaff; }

.template .main6 .content .q_center .box .block .line { width: 44.16667%; }

.template .main6 .content .q_center .box .block .line:nth-child(2n-1) { margin-right: 11.25%; }

.template .main6 .content .q_center .box .block .line:nth-child(n+3) { margin-top: 95px; }

.template .main6 .content .q_center .box .block .line .icon { width: 10px; height: 10px; border-radius: 50%; background-color: #8aaaff; margin-top: 6px; }

.template .main6 .content .q_center .box .block .line .icon.active { margin-top: 0; width: 26px; height: 26px; font-size: 14px; color: #ffffff; line-height: 26px; text-align: center; border-radius: 5px; position: relative; background-color: #ffc625; }

.template .main6 .content .q_center .box .block .line .icon.active:after { content: " "; position: absolute; top: 50%; right: -14px; -o-transform: translate3d(0, -50%, 0); -moz-transform: translate3d(0, -50%, 0); -webkit-transform: translate3d(0, -50%, 0); transform: translate3d(0, -50%, 0); border-top: 7px solid transparent; border-right: 7px solid transparent; border-bottom: 7px solid transparent; border-left: 8px solid #ffc625; }

.template .main6 .content .q_center .box .block .line .txt { width: 91.50943%; }

.template .main6 .content .q_center .box .block .line .txt .name { font-size: 18px; letter-spacing: 1px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; margin-bottom: 20px; -o-transition: all 0.3s; -moz-transition: all 0.3s; -webkit-transition: all 0.3s; transition: all 0.3s; }

.template .main6 .content .q_center .box .block .line .txt .abstract { letter-spacing: 1px; color: #888888; font-size: 14px; overflow: hidden; display: -webkit-box; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical; line-height: 28px; max-height: 56px; min-height: 56px; }

.template .main6 .content .q_center .box .block .line:hover .txt .name { color: #8aaaff; }

.template .main6 .content .bg_icon1 { position: absolute; left: -102px; top: 345px; z-index: -1; }

.template .main6 .content .bg_icon2 { position: absolute; left: 380px; bottom: -30px; }

.template .main6 .content .bg_icon3 { position: absolute; right: -82px; bottom: -140px; }

.template .main7 { padding: 70px 0 95px; }

.template .main7 .content { padding-top: 100px; background-image: url("/images/template/main7_bg.png"); background-size: 100%; background-position: top center; position: relative; overflow: hidden; }

.template .main7 .content .left_img { margin-left: 4.6875%; }

.template .main7 .content .left_img .img { margin-top: -30px; }

.template .main7 .content .left_img .txt { position: relative; display: inline-block; margin-left: 290px; }

.template .main7 .content .left_img .txt .line { letter-spacing: 0px; color: #ffffff; }

.template .main7 .content .left_img .txt .line .name { font-size: 36px; font-weight: bold; line-height: 37px; }

.template .main7 .content .left_img .txt .line .abstract { font-size: 30px; margin-top: 20px; }

.template .main7 .content .left_img .txt .icon_left { position: absolute; left: -90px; top: -18px; }

.template .main7 .content .left_img .txt .icon_right { position: absolute; right: -95px; bottom: -18px; }

.template .main7 .content .box { position: relative; padding: 78px 95px; width: 39.79167%; background-color: #ffffff; border-radius: 6px; margin-left: 5.72917%; box-shadow: -2px -2px 21px 0px rgba(85, 122, 255, 0.07); }

.template .main7 .content .box .title { text-align: center; font-size: 36px; letter-spacing: 2px; margin-bottom: 60px; }

.template .main7 .content .box .input_from .line { background-color: #f9f9f9; border-radius: 4px; border: solid 1px #eeeeee; -o-transition: all 0.5s; -moz-transition: all 0.5s; -webkit-transition: all 0.5s; transition: all 0.5s; height: 60px; padding: 0 30px 0 15px; }

.template .main7 .content .box .input_from .line .icon { letter-spacing: 1px; color: #bbbbbb; }

.template .main7 .content .box .input_from .line .icon .template_iconfont { font-size: 19px; margin-right: 14px; }

.template .main7 .content .box .input_from .line input { line-height: 58px; height: 100%; color: #bbbbbb; }

.template .main7 .content .box .input_from .line.active { background-color: #f1f7ff; border: solid 1px #9fc3ff; }

.template .main7 .content .box .input_from .line:not(:first-child) { margin-top: 25px; }

.template .main7 .content .box .input_from .line span { cursor: pointer; color: #74b1ff; }

.template .main7 .content .box .input_from .btn { text-align: center; line-height: 60px; background-color: #ffc625; border-radius: 4px; font-weight: bole; width: 100%; color: #ffffff; font-size: 18px; margin-top: 45px; cursor: pointer; }

.template .main7 .content .box .bgimg02 { position: absolute; left: -58px; bottom: 132px; }

.template .main7 .content .bgimg01 { position: absolute; left: 0; top: -168px; opacity: 0.6; }

/* banner animate STRAT */
@-webkit-keyframes bannerIcon4 { from { opacity: 0;
    top: 550px;
    right: -100px; }
  to { opacity: 1;
    top: 390px;
    right: 170px; } }

@keyframes bannerIcon4 { from { opacity: 0;
    top: 550px;
    right: -100px; }
  to { opacity: 1;
    top: 390px;
    right: 170px; } }

@-webkit-keyframes bannerIcon4Loop { 0% { opacity: 1;
    top: 390px;
    right: 170px; }
  50% { opacity: 1;
    top: 380px;
    right: 170px; }
  100% { opacity: 1;
    top: 390px;
    right: 170px; } }

@keyframes bannerIcon4Loop { 0% { opacity: 1;
    top: 390px;
    right: 170px; }
  50% { opacity: 1;
    top: 380px;
    right: 170px; }
  100% { opacity: 1;
    top: 390px;
    right: 170px; } }

@-webkit-keyframes bannerImgIcon1 { from { opacity: 0;
    left: 170px;
    top: 230px; }
  to { opacity: 1;
    left: 65px;
    top: 120px; } }

@keyframes bannerImgIcon1 { from { opacity: 0;
    left: 170px;
    top: 230px; }
  to { opacity: 1;
    left: 65px;
    top: 120px; } }

@-webkit-keyframes bannerImgIcon2 { from { opacity: 0;
    left: 305px;
    top: 260px; }
  to { opacity: 1;
    left: 405px;
    top: 190px; } }

@keyframes bannerImgIcon2 { from { opacity: 0;
    left: 305px;
    top: 260px; }
  to { opacity: 1;
    left: 405px;
    top: 190px; } }

/* banner animate END */
/* main1 animate STRAT */
@-webkit-keyframes main1BgIcon1Loop { 0% { opacity: 1;
    top: 210px;
    right: 158px; }
  50% { opacity: 1;
    top: 200px;
    right: 158px; }
  100% { opacity: 1;
    top: 210px;
    right: 158px; } }

@keyframes main1BgIcon1Loop { 0% { opacity: 1;
    top: 210px;
    right: 158px; }
  50% { opacity: 1;
    top: 200px;
    right: 158px; }
  100% { opacity: 1;
    top: 210px;
    right: 158px; } }

@-webkit-keyframes main1BgIcon2Loop { 0% { opacity: 1;
    top: 395px;
    right: 36px; }
  50% { opacity: 1;
    top: 385px;
    right: 36px; }
  100% { opacity: 1;
    top: 395px;
    right: 36px; } }

@keyframes main1BgIcon2Loop { 0% { opacity: 1;
    top: 395px;
    right: 36px; }
  50% { opacity: 1;
    top: 385px;
    right: 36px; }
  100% { opacity: 1;
    top: 395px;
    right: 36px; } }

@-webkit-keyframes main1ImgIcon1 { from { opacity: 0;
    top: 170px;
    left: 50px; }
  to { opacity: 1;
    top: 170px;
    left: -102px; } }

@keyframes main1ImgIcon1 { from { opacity: 0;
    top: 170px;
    left: 50px; }
  to { opacity: 1;
    top: 170px;
    left: -102px; } }

@-webkit-keyframes main1ImgIcon2 { from { opacity: 0;
    top: 170px;
    left: 150px; }
  to { opacity: 1;
    top: 65px;
    left: 118px; } }

@keyframes main1ImgIcon2 { from { opacity: 0;
    top: 170px;
    left: 150px; }
  to { opacity: 1;
    top: 65px;
    left: 118px; } }

@-webkit-keyframes main1ImgIcon3 { from { opacity: 0;
    top: 170px;
    right: 150px; }
  to { opacity: 1;
    top: 70px;
    right: -40px; } }

@keyframes main1ImgIcon3 { from { opacity: 0;
    top: 170px;
    right: 150px; }
  to { opacity: 1;
    top: 70px;
    right: -40px; } }

@-webkit-keyframes main1ImgIcon4 { from { opacity: 0;
    top: 170px;
    right: 150px; }
  to { opacity: 1;
    bottom: 135px;
    right: -40px; } }

@keyframes main1ImgIcon4 { from { opacity: 0;
    top: 170px;
    right: 150px; }
  to { opacity: 1;
    bottom: 135px;
    right: -40px; } }

/* main1 animate END */
/* main2 animate STRAT */
@-webkit-keyframes main2BgIcon2Loop { 0% { top: -22px; }
  50% { top: -12px; }
  100% { top: -22px; } }

@keyframes main2BgIcon2Loop { 0% { top: -22px; }
  50% { top: -12px; }
  100% { top: -22px; } }

/* main2 animate END */
/* main3 animate STRAT */
@-webkit-keyframes main3ImgIcon3 { from { opacity: 0;
    right: 0;
    bottom: 0; }
  to { opacity: 1;
    right: 97px;
    bottom: 38px; } }

@keyframes main3ImgIcon3 { from { opacity: 0;
    right: 0;
    bottom: 0; }
  to { opacity: 1;
    right: 97px;
    bottom: 38px; } }

@-webkit-keyframes main3ImgIcon1Loop { 0% { opacity: 1;
    left: -120px;
    top: 20px; }
  50% { opacity: 1;
    left: -120px;
    top: 10px; }
  100% { opacity: 1;
    left: -120px;
    top: 20px; } }

@keyframes main3ImgIcon1Loop { 0% { opacity: 1;
    left: -120px;
    top: 20px; }
  50% { opacity: 1;
    left: -120px;
    top: 10px; }
  100% { opacity: 1;
    left: -120px;
    top: 20px; } }

@-webkit-keyframes main3ImgIcon2Loop { 0% { top: 405px;
    left: -85px;
    opacity: 1; }
  50% { top: 395px;
    left: -85px;
    opacity: 1; }
  100% { top: 405px;
    left: -85px;
    opacity: 1; } }

@keyframes main3ImgIcon2Loop { 0% { opacity: 1;
    top: 405px;
    left: -85px; }
  50% { top: 395px;
    left: -85px;
    opacity: 1; }
  100% { top: 405px;
    left: -85px;
    opacity: 1; } }

@-webkit-keyframes main3TxtIcon1Loop { 0% { top: -25px; }
  50% { top: -35px; }
  100% { top: -25px; } }

@keyframes main3TxtIcon1Loop { 0% { top: -25px; }
  50% { top: -35px; }
  100% { top: -25px; } }

/* main3 animate END */
/* main4 animate STRAT */
@-webkit-keyframes main4BgIcon2Loop { 0% { top: -25px; }
  50% { top: -35px; }
  100% { top: -25px; } }

@keyframes main4BgIcon2Loop { 0% { top: -25px; }
  50% { top: -35px; }
  100% { top: -25px; } }

/* main4 animate END */
/* main5 animate STRAT */
@-webkit-keyframes main5BgIcon3Loop { 0% { top: 372px; }
  50% { top: 362px; }
  100% { top: 372px; } }

@keyframes main5BgIcon3Loop { 0% { top: 372px; }
  50% { top: 362px; }
  100% { top: 372px; } }

/* main5 animate END */
@-webkit-keyframes btnLoop { from { width: 0;
    height: 0;
    opacity: 0.5; }
  to { width: 220px;
    height: 220px;
    opacity: 0; } }

@keyframes btnLoop { from { width: 0;
    height: 0;
    opacity: 0.5; }
  to { width: 220px;
    height: 220px;
    opacity: 0; } }

/* 响应 */
@media screen and (max-width: 1630px) { .template .template_banner .box .top_icon3 { right: 30px; }
  .template .main1 .left_txt { margin-left: 11.0625%; width: 35.59375%; }
  .template .main1 .left_txt .block .line .active_bg { padding-right: 15px; }
  .template .main2 { margin: 0 15px; }
  .template .main2 .content { width: 100%; }
  .template .main4 .content { width: 100%; }
  .template .main4 .content .box .main_img { margin-left: 9.5%; }
  .template .main6 .content { width: 100%; }
  .template .main7 .content .box .bgimg02 { display: none; }
  @-webkit-keyframes bannerIcon4 { from { opacity: 0;
      top: 550px;
      right: -100px; }
    to { opacity: 1;
      top: 390px;
      right: 170px; } }
  @keyframes bannerIcon4 { from { opacity: 0;
      top: 550px;
      right: -100px; }
    to { opacity: 1;
      top: 390px;
      right: 30px; } }
  @-webkit-keyframes bannerIcon4Loop { 0% { opacity: 1;
      top: 390px;
      right: 30px; }
    50% { opacity: 1;
      top: 380px;
      right: 30px; }
    100% { opacity: 1;
      top: 390px;
      right: 30px; } }
  @keyframes bannerIcon4Loop { 0% { opacity: 1;
      top: 390px;
      right: 30px; }
    50% { opacity: 1;
      top: 380px;
      right: 30px; }
    100% { opacity: 1;
      top: 390px;
      right: 30px; } } }

@media screen and (max-width: 1500px) { .template .template_banner .box .left_img { margin-left: 3.77083%; }
  .template .template_banner .box .txt .name { font-size: 40px; }
  .template .main1 .left_txt { margin-left: 9.0625%; }
  .template .main2 .content .box { padding: 130px 0 80px 0; }
  .template .main3 .content .left_img { margin-left: 6.125%; }
  .template .main7 .content .left_img { margin-left: 0; }
  .template .main7 .content .box { padding: 60px; } }

@media screen and (max-width: 1400px) { .template .template_banner .box .left_img { margin-left: 0; }
  .template .main1 .left_txt { margin-left: 5.0625%; width: 36.59375%; }
  .template .main1 .left_txt .name { font-size: 32px; }
  .template .main7 .content .box { margin-left: 1%; padding: 30px 20px; }
  .template .main7 .content .box .title { margin-bottom: 30px; } }

@media screen and (max-width: 1199px) { body, html { width: 100%; }
  .q_center { width: 100%; }
  .template section { overflow: hidden; }
  .template .mobile_img { display: block; }
  .template .template_banner .box { padding-top: 60px; padding-bottom: 120px; }
  .template .template_banner .box .left_img { display: none; }
  .template .template_banner .box .txt { margin-top: 120px; }
  .template .template_banner .box .txt .name { font-size: 26px; }
  .template .template_banner .box .txt .block .line { font-size: 18px; }
  .template .template_banner .box .top_icon2 { display: none; }
  .template .template_banner .box .top_icon3 { display: none; }
  .template .template_banner .box .top_icon4 { display: none; }
  .template .template_banner .mobile_img { width: 60%; }
  .template .main1 { margin: 0 15px; padding: 60px 0 60px; }
  .template .main1 .left_txt { width: 100%; margin-left: 0; }
  .template .main1 .right_box { display: none; }
  .template .main1 .mobile_img { text-align: center; width: 100%; }
  .template .main1 .template_btn { margin: 0 auto; }
  .template .main1 .box { -webkit-box-lines: multiple; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; -o-flex-wrap: wrap; flex-wrap: wrap; }
  .template .main1 .bg_icon1 { display: none; }
  .template .main1 .bg_icon2 { display: none; }
  .template .main2 { margin: 0 15px; padding: 60px 0; }
  .template .main2 .content .box { padding: 60px 0; }
  .template .main2 .content .box .box_block { -webkit-box-lines: multiple; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; -o-flex-wrap: wrap; flex-wrap: wrap; }
  .template .main2 .content .box .box_block .block { width: 100%; }
  .template .main2 .content .box .box_block .block .txt .line { -webkit-box-pack: center; -webkit-justify-content: center; -moz-justify-content: center; -ms-justify-content: center; -o-justify-content: center; justify-content: center; }
  .template .main2 .content .box .box_block .block:nth-child(2) .txt { margin-left: 0; }
  .template .main2 .content .box .box_block .block:nth-child(1) { margin-bottom: 40px; }
  .template .main2 .content .box .box_block .block:nth-child(1) .txt { margin-left: 0; }
  .template .main2 .content .box .pc_img { display: none; }
  .template .main2 .content .box .bg_icon1 { display: none; }
  .template .main2 .content .box .bg_icon2 { display: none; }
  .template .main2 .content .box .bg_icon3 { display: none; }
  .template .main3 { margin: 0 15px; }
  .template .main3 .content { -webkit-box-lines: multiple; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; -o-flex-wrap: wrap; flex-wrap: wrap; }
  .template .main3 .content .left_img { display: none; }
  .template .main3 .content .mobile_img { width: 100%; }
  .template .main3 .content .right_txt { margin-left: 0; margin-top: 40px; width: 100%; display: box; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; -o-flex-direction: column; flex-direction: column; -webkit-box-align: center; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; -o-align-items: center; align-items: center; }
  .template .main3 .content .right_txt .title { margin-bottom: 40px; }
  .template .main3 .content .right_txt .txt_icon1 { display: none; }
  .template .main3 .content .right_txt .txt_icon2 { display: none; }
  .template .main4 { padding: 60px 0; margin: 0 15px; }
  .template .main4 .content { padding: 60px 0; }
  .template .main4 .content .box { width: 100%; }
  .template .main4 .content .box .main_img { display: none; }
  .template .main4 .content .bg_icon01 { display: none; }
  .template .main4 .content .bg_icon02 { display: none; }
  .template .main4 .content .bg_icon03 { display: none; }
  .template .main4 .content .bottom_img { display: none; }
  .template .main4 .content .mobile_bottom_img { display: block; }
  .template .main4 .content .template_btn { margin-top: 20px; }
  .template .main5 { margin: 0 15px; }
  .template .main6 { padding-bottom: 60px; margin: 0 15px; }
  .template .main6 .content { background-image: none; padding: 60px 0; }
  .template .main7 { padding: 60px 0; }
  .template .main7 .content { padding: 0 15px; padding-top: 60px; }
  .template .main7 .content .left_img { display: none; }
  .template .main7 .content .box { width: 100%; }
  .template .main7 .content .bgimg01 { display: none; } }

@media screen and (max-width: 992px) { .template .template_banner .box { -webkit-box-lines: multiple; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; -o-flex-wrap: wrap; flex-wrap: wrap; padding: 0 0 30px; }
  .template .template_banner .box .left_img { display: none; }
  .template .template_banner .box .txt { margin-top: 40px; width: 100%; text-align: center; }
  .template .template_banner .box .txt .name { font-size: 26px; }
  .template .template_banner .box .txt .block { display: box; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -moz-justify-content: center; -ms-justify-content: center; -o-justify-content: center; justify-content: center; margin-bottom: 45px; }
  .template .template_banner .box .txt .block .line { font-size: 18px; }
  .template .template_banner .mobile_img { width: 100%; }
  .template .template_banner .template_btn { margin: 0 auto; }
  .template .main6 { padding-bottom: 60px; margin: 0 15px; }
  .template .main6 .content { background-image: none; padding: 60px 0; }
  .template .main6 .content .q_center .box .block .line { width: 48%; }
  .template .main6 .content .q_center .box .block .line:nth-child(2n-1) { margin-right: 2%; }
  .template .main6 .content .q_center .box .block .line .txt { width: 87%; } }

@media screen and (max-width: 768px) { .template .template_banner .box .txt .name { font-size: 26px; margin-bottom: 45px; }
  .template .template_banner .box .txt .bg_txt { left: 0; }
  .template .template_banner .mobile_img { text-align: center; }
  .template .main1 { padding-bottom: 0; }
  .template .main1 .left_txt { padding: 30px 0; }
  .template .main1 .left_txt .name { margin-bottom: 40px; font-size: 30px; }
  .template .main2 .content .box .title { font-size: 30px; }
  .template .main3 { padding-bottom: 0; }
  .template .main3 .content .right_txt .title { font-size: 30px; }
  .template .main4 .content .box .title { font-size: 30px; margin-bottom: 40px; }
  .template .main5 { padding: 30px 0; }
  .template .main5 .content .title { font-size: 30px; margin-bottom: 40px; }
  .template .main5 .content .box { -webkit-box-lines: multiple; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; -o-flex-wrap: wrap; flex-wrap: wrap; }
  .template .main5 .content .box .block { width: 100%; }
  .template .main5 .content .box .block:not(:first-child) { margin-top: 30px; }
  .template .main5 .content .bg_icon2 { display: none; }
  .template .main6 { padding-bottom: 0; margin: 0 15px; }
  .template .main6 .content { background-image: none; padding: 60px 0; }
  .template .main6 .content .q_center .title { font-size: 30px; }
  .template .main6 .content .bg_icon1 { display: none; }
  .template .main6 .content .bg_icon2 { display: none; }
  .template .main6 .content .bg_icon3 { display: none; } }

@media screen and (max-width: 640px) { .template .main6 .content .q_center .box .block .line { width: 100%; }
  .template .main6 .content .q_center .box .block .line:nth-child(2n-1) { margin-right: 0; }
  .template .main6 .content .q_center .box .block .line:nth-child(n+3) { margin-top: 30px; }
  .template .main6 .content .q_center .box .block .line:nth-child(n+1) { margin-top: 30px; } }

@media screen and (max-width: 480px) { .template .template_banner .box .txt .name { font-size: 26px; }
  .template .template_banner .box .txt .block .line { font-size: 18px; text-align: left; }
  .template .template_banner .box .txt .block .line:nth-child(1) { margin-right: 20px; }
  .template .main1 { padding: 30px 0; }
  .template .main1 .left_txt .name { font-size: 26px; }
  .template .main1 .left_txt .block .line { padding-left: 0; }
  .template .main2 { margin: 0 15px; padding: 30px 0; }
  .template .main2 .content .box { padding: 0; }
  .template .main2 .content .box .title { font-size: 26px; margin-bottom: 20px; }
  .template .main2 .content .box .box_block .block:nth-child(1) { margin-bottom: 20px; }
  .template .main3 .content .right_txt { margin-top: 20px; }
  .template .main3 .content .right_txt .title { font-size: 26px; margin-bottom: 20px; }
  .template .main3 .template_btn { margin-top: 30px; }
  .template .main4 { padding: 30px 0; }
  .template .main4 .content { padding: 30px 0; }
  .template .main4 .content .box .title { font-size: 26px; margin-bottom: 20px; }
  .template .main5 .content .title { font-size: 26px; margin-bottom: 30px; }
  .template .main6 .content { background-image: none; padding: 30px 0; }
  .template .main6 .content .q_center .nav_title { margin-bottom: 30px; }
  .template .main7 { padding: 30px 0; }
  .template .main7 .content .box { padding: 30px 5px; }
  .template .main7 .content .box .title { font-size: 26px; }
  .template .main7 .content .box .input_from .line { padding: 0 5px; }
  .template .main7 .content .box .input_from .line input { width: 50%; } }