body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0;font-size:66.3%;font-weight:normal;}

fieldset,img{border:0;}

ul,ol{list-style:none;}

table{border-collapse:collapse;border-spacing:0;}

a{text-decoration: none;color:#000;}

a:visited { border:none;text-decoration:none;outline: none} 
a:focus { border:none;outline: none} 
div:focus { border:none;outline: none} 


small{font-size:12px;}

h1,h2,h3,h4,h5,h6,button,input,select,textarea{font-size:100%;}

label,input,select,form img,button,textarea{vertical-align:middle;outline:none}

address,caption,cite,code,dfn,em,strong,th,optgroup{font-style:normal;font-weight:normal;}

.clear:after{content:".";display:block;height:0;clear:both;visibility:hidden;}

.clear{display:inline-block;}

/* Hides from IE-mac \*/

*{text-size-adjust: none;}

* html .clear{height:1%;}

.clear{display:block;}

/* End hide from IE-mac */

/**{-webkit-tap-highlight-color:rgba(0,0,0,0) !important;-webkit-user-select: none;user-select: none;}
*/
html,body{width:100%;height:100%;}

body,input,select,textarea{font:12px "Microsoft YaHei","宋体",sans-serif;}
strong{font-weight: bold;}
em{font-style: italic;}
em strong{font-style: italic;}

.mb{display: none !important}

.container{padding-top: 95px;position: relative;}

.main{position: relative;width: 100%;max-width:1330px;box-sizing: border-box;padding: 0 15px;margin:0 auto;}

.header{position: fixed;width: 100%;height: 95px;left: 0;top:0;background: white;z-index: 9;}

.header .main{height: 100%;}

.header .logo{float: left;padding: 23px 0 0 2px;height: 47px;}

.header .menu{position: absolute;right: 15px;top: 30px;}

.header .menu .search_icon{float: left;margin-right: 20px;margin-top: 19px;cursor: pointer;}



.header .menu .link_btn{float: left;height: 65px;line-height: 65px;color: #4c4948;font-size: 15px;padding: 0 10px;margin: 0 10px;font-weight: bold;position: relative;cursor: pointer;}

.header .menu .link_btn:hover{color: #003b8a}

.header .menu .link_btn.active{color: #003b8a;}

.header .menu .link_btn > a{color: #4c4948;}

.header .menu .link_btn:hover > a{color: #003b8a;}



.header .menu .link_btn .sub_menu{position: absolute;left: 0;top: 50px;width: 100%;height: 100px;padding-top: 35px;opacity: 0;visibility: hidden;transition: all 0.2s linear}

.header .menu .link_btn:hover .sub_menu{opacity: 1;visibility: visible;}



.header .menu .link_btn .sub_menu .sub_link{display: block;width: 100%;text-align: center;height: 35px;line-height: 35px;color: #4c4948;font-size: 15px;font-weight: bold;position: relative;}

.header .menu .link_btn .sub_menu .sub_link:hover{color: #003b8a;text-decoration: underline;}

.header .menu .link_btn .sub_menu .bg{position: fixed;width: 100%;height: 150px;left: 0;top: 95px;opacity: 0.8}



.header .menu .subscribe_btn{float: left;padding:0 35px;background: rgba(0,49,160,1);border: 1px solid rgba(0,49,160,1);height: 25px;line-height: 25px;border-radius: 5px;color: white;font-size: 14px;font-weight: bold;margin: 20px 0px 0 10px;transition: all 0.1s linear}

.header .menu .subscribe_btn:hover{background: white;color: black;}

.header .menu .separate_line{margin:0 40px;color: #4c4948;height: 65px;line-height: 65px;font-size: 15px;float: left}

.header .menu .en_btn{color: #4c4948;height: 65px;line-height: 65px;font-size: 15px;font-weight: bold;transition: all 0.1s linear;}

.header .menu .en_btn:hover{color: #003b8a}



.mb_header{position: fixed;width: 100%;height: 60px;left: 0;top:0;background: white;z-index: 9;display: none}

.mb_header .logo{position: absolute;left: 15px;top: 16px;height: 25px;}

.mb_header .search_icon{position: absolute;right: 135px;padding: 10px;width: 25px;top: 53%;transform: translate(0,-50%);}

.mb_header .en_btn{color: #4c4948;line-height: 60px;font-size: 18px;transition: all 0.1s linear;position: absolute;right: 70px;padding: 0 10px;top: 50%;transform: translate(0,-50%);}

.mb_header .nav_icon{position: absolute;right: 15px;padding: 1% 0% 1% 1%;width: 18px;top: 50%;transform: translate(0,-50%);}

.mb_header .nav_close{position: absolute;right: 15px;padding: 1% 0% 1% 1%;width: 18px;top: 50%;transform: translate(0,-50%);display: none}





.mb_header .nav{display: none;position: absolute;left: 0;top: 60px;width: 100%;height: calc(100vh - 60px);box-sizing: border-box;border-top: 1px solid #dfdfdf;background: white;padding: 0 15px;}

.mb_header .nav .list{padding-top: 20px;}

.mb_header .nav .list li .link{height: 52px;line-height: 52px;font-size: 16px;color: #2c2c2c;font-weight: bold;position: relative;}

.mb_header .nav .list li .link .arrow{position: absolute;right: 0px;width: 7px;height: 11px;background: url(../img/arrow1.png);background-size: 100% 100%;top: 20px;transition: all 0.2s linear;transform-origin: 50% 50%}

.mb_header .nav .list li.active .link{color: #0731a0;}

.mb_header .nav .list li .sub_menu{height: 0;transition: all 0.2s linear;overflow: hidden}

.mb_header .nav .list li.open .link{color: #0731a0;}

.mb_header .nav .list li.open .sub_menu{height: 80px;}

.mb_header .nav .list li.open .link .arrow{transform: translate(-2px,0) rotate(90deg);}

.mb_header .nav .list li .sub_menu .sub_link{height: 40px;line-height: 40px;font-size: 16px;color: #2c2c2c;font-weight: bold;padding-left: 32px;display: block;}



.service_statement{position: fixed;width: 100%;height: 100%;left: 0;top: 0;z-index: 10;display: none}

.service_statement .inner{position: absolute;left: 0;top: 95px;background: rgba(0,0,0,0.8);height: 400px;width: 100%;box-sizing: border-box;}

.service_statement .inner .main{padding:90px 15px 120px 15px;height: 100%;}

.service_statement .inner .headline{font-size: 26px;color: white;position: absolute;left: 15px;top: 30px}

.service_statement .inner .service_statement_content{position: relative;height: 100%;overflow: hidden}

.service_statement .inner .service_statement_content .intro{font-size: 14px;line-height: 26px;color: white;box-sizing: border-box;padding-right: 20px}



.service_statement_content .iScrollVerticalScrollbar { position: absolute; z-index: 9999; width: 4px; bottom: 2px; top: 2px; right: 0px; background: none; border-radius:30px;/*border-top-left-radius: 20px; border-top-right-radius: 20px*/}

.service_statement_content .iScrollVerticalScrollbar .iScrollIndicator { position: absolute; width: 4px; background: white;left: -1px;border-radius:4px; }

.service_statement_content .iScrollVerticalScrollbar .iScrollIndicator::after { display: block; content: ' '; padding-top: 1011%; }



.service_statement .inner .btn_list{position: absolute;left: 15px;bottom: 44px;}

.service_statement .inner .btn_list .btn{border: 1px solid rgba(158,0,131,1);box-sizing: border-box;float: left;width: 138px;height: 50px;line-height: 50px;background: rgba(158,0,131,1);text-align: center;color: white;letter-spacing: 3px;font-size: 16px;font-weight: bold;margin-right: 16px;border-radius: 5px;cursor: pointer;transition: all 0.1s linear}

.service_statement .inner .btn_list .btn:hover{background: white;color: black}



.search_box{position: fixed;width: 100%;height: 100%;background: rgba(0,0,0,0.8);left: 0;top: 0;opacity: 0;visibility: hidden;transition: all 0.2s linear;z-index: 3}

.search_box.active{opacity: 1;visibility: visible;}

.search_box .back{position: absolute;left: 0;top: 0;width: 100%;height: 100%;}

.search_box .inner{position: absolute;left: 0;top: 95px;width: 100%;height: 200px;background: black;}

.search_box .inner .search_wrapper{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);width: 594px;height: 50px;background: white;border-radius: 5px;}

.search_box .inner .search_wrapper input{display: block;width: 520px;box-sizing: border-box;height: 100%;background: rgba(0,0,0,0);outline: none;border:none;padding: 0 23px;font-size: 16px;color: rgba(76,73,72,1);}

.search_box .inner .search_wrapper input::-webkit-input-placeholder{color:rgba(76,73,72,0.6);}

.search_box .inner .search_wrapper .search_btn{position: absolute;right: 0;top: 2px;padding: 10px;width: 28px;cursor: pointer;}









.content{}

.homepage .banner{display: block;width: 100%;max-width: 1920px;margin:0 auto;position: relative;}



.homepage .banner .bg{height: 100%;position: absolute;left: 50%;top: 0;transform: translate(-50%,0);}

.homepage .banner .bg2{width: 100%;display: block;}

.homepage .banner .main{position: absolute;left: 50%;top: 0%;height: 100%;transform: translate(-50%,0);}

.homepage .banner .top_swiper{position: relative;width: 100%;height: 100%;height: 700px;overflow: hidden}

.homepage .banner .top_swiper .slide{overflow: hidden;position: relative;height: 700px;}



.homepage .banner .txt{position: absolute;left: 15px;top: 55%;transform: translate(0,-50%);}

.homepage .banner .txt .headline{color: white;font-size: 47px;font-weight: bold;padding-bottom: 10px;}

.homepage .banner .txt .headline span{margin-right: 25px;}

.homepage .banner .txt .intro{color: white;font-size: 22px;padding-bottom: 50px;}

.homepage .banner .txt .intro span{margin-right: 10px;}

.homepage .banner .txt .btn{border: 1px solid rgba(158,0,131,1);box-sizing: border-box;width: 312px;height: 50px;line-height: 50px;background: rgba(158,0,131,1);text-align: center;color: white;letter-spacing: 2px;font-size: 16px;border-radius: 5px;cursor: pointer;transition: all 0.1s linear}

.homepage .banner .txt .btn:hover{background: white;color: black}



.homepage .banner .controller{position: absolute;width: 741px;height: 130px;background: rgba(0,0,0,0.8);right: 55px;bottom: -65px;z-index: 2}

.homepage .banner .controller .controller_swiper{position: absolute;left: 0;top: 0;width: 705px;height: 100%;overflow: hidden}

.homepage .banner .controller .controller_swiper .slide{background: url(../img/line1.png) right center no-repeat;height: 130px}

.homepage .banner .controller .next_arrow{position: absolute;right: 0;top: 0;height: 100%;cursor: pointer;z-index: 2}

.homepage .banner .controller .detail{width: 188px;margin:0 auto;}

.homepage .banner .controller .slide .detail .title{font-size: 15px;color: white;padding-top: 24px;line-height: 24px;font-weight: bold;opacity: 0.5;transition: all 0.2s linear}

.homepage .banner .controller .slide .detail .para{font-size: 15px;color: white;line-height: 20px;padding-bottom: 10px;cursor: pointer;opacity: 0.2;transition: all 0.2s linear}

.homepage .banner .controller .slide .detail .para:hover{text-decoration: underline;}

.homepage .banner .controller .slide .detail .line{width: 0px;height: 3px;background: #9e0083;transition: all 0.2s linear}



.homepage .banner .controller .slick-current .detail .title{opacity: 1}

.homepage .banner .controller .slick-current .detail .para{opacity: 1}

.homepage .banner .controller .slick-current .detail .para:hover{text-decoration: underline;}

.homepage .banner .controller .slick-current .detail .line{width: 36px;}



.homepage .slick-dots {position: absolute;bottom: 4.8vw !important;display: none !important}

.homepage .swiper-pagination-bullet {width: 3.3vw;height: 3.3vw;border-radius: 50%;background: white;opacity: 0.4;margin: 0 1.7vw !important;}

.homepage .swiper-pagination-bullet-active {opacity: 1;}

.homepage .slick-prev.slick-arrow{display: none !important}

.homepage .slick-next.slick-arrow{display: none !important}



.section{position: relative;overflow: hidden}



.home_video_section{padding: 120px 0 95px 0;overflow: auto}

.home_video_section .video_wrapper{float: left;width: 57%;margin-right: 6%}

.home_video_section .video_wrapper video{display: block;width: 100%;object-fit: cover}

.home_video_section .detail{float: left;width: 37%;}

.home_video_section .detail .headline{font-size: 26px;color: #4c4948;font-weight: bold;padding-bottom: 25px;border-bottom: 1px solid #d9d8d8;margin-bottom: 25px;}

.home_video_section .detail .time{font-size: 16px;color: #4c4948;line-height: 28px;}

.home_video_section .detail .source{font-size: 16px;color: #4c4948;line-height: 28px;}

.home_video_section .detail .title{font-size: 18px;color: #4c4948;font-weight: bold;line-height: 28px;/*padding: 6px 0;*/}

.home_video_section .detail .intro{font-size: 16px;color: #4c4948;line-height: 28px;margin-bottom: 5px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient:vertical;}

.home_video_section .detail .more_btn{cursor: pointer;padding: 0 5px;font-size: 14px;color: #4c4948;line-height: 28px;font-weight: bold;display: inline-block;margin-bottom: 30px;}

.home_video_section .detail .more_btn:hover{text-decoration: underline;color: rgba(158,0,131,1);}

.home_video_section .detail .link_btn{border: 1px solid rgba(158,0,131,1);box-sizing: border-box;width: 300px;height: 50px;line-height: 50px;background: rgba(158,0,131,1);text-align: center;color: white;letter-spacing: 2px;font-size: 16px;border-radius: 5px;cursor: pointer;transition: all 0.1s linear}

.home_video_section .detail .link_btn:hover{background: white;color: black}



.home_about_section{height: 278px;overflow: hidden}

.home_about_section .bg{position: absolute;left: 50%;top: 0;width: 100%;min-width: 1920px;transform: translate(-50%,0);}

.home_about_section .bg2{width: 100%;position: absolute;left: 0;top: 0;}



.home_about_section .headline{font-size: 26px;color: white;font-weight: bold;line-height: 28px;padding: 50px 0 16px 0;}

.home_about_section .intro{font-size: 16px;color: white;line-height: 28px;margin-bottom: 15px;width: 530px;}

.home_about_section .more_btn{cursor: pointer;padding: 0 5px;font-size: 14px;color: white;line-height: 28px;font-weight: bold;display: inline-block;margin-bottom: 30px;}

.home_about_section .more_btn:hover{text-decoration: underline;color: rgba(158,0,131,1);}



.home_weekly_section{height: 608px;overflow: hidden;box-sizing: border-box;padding-top: 100px}

.home_weekly_section .bg{position: absolute;left: 50%;top: 0;width: 100%;min-width: 1920px;transform: translate(-50%,0);}

.home_weekly_section .pic{float: right;width: 54%;margin-left: 5.5%}

.home_weekly_section .pic .back{display: block;width: 100%;}

.home_weekly_section .detail{float: right;width: 40.5%;}

.home_weekly_section .detail .headline{font-size: 26px;color: #4c4948;font-weight: bold;padding-bottom: 18px;}

.home_weekly_section .detail .title{font-size: 18px;color: #4c4948;line-height: 32px;font-weight: bold;padding-bottom: 5px;}

.home_weekly_section .detail .intro{font-size: 16px;color: #4c4948;line-height: 28px;margin-bottom: 15px;}

.home_weekly_section .detail .more_btn{cursor: pointer;padding: 0 5px;font-size: 14px;color: #4c4948;line-height: 28px;font-weight: bold;display: inline-block;margin-bottom: 30px;}

.home_weekly_section .detail .more_btn:hover{text-decoration: underline;color: rgba(158,0,131,1);}



.home_academy{background: #f8f9fb;}

.home_academy .headline{font-size: 26px;color: #4c4948;font-weight: bold;padding-bottom: 18px;padding-top: 48px;}

.home_academy .list{position: relative;overflow: auto}

.home_academy .list .grid{float: left;width: 45%}

.home_academy .list .grid:nth-child(1){margin-right: 10%}

.home_academy .list .grid .title{font-size: 18px;color: #4c4948;line-height: 32px;font-weight: bold;padding-bottom: 5px;}

.home_academy .list .grid .intro{font-size: 16px;color: #4c4948;line-height: 28px;margin-bottom: 15px;}

.home_academy .list .grid .more_btn{cursor: pointer;padding: 0 5px;font-size: 14px;color: #4c4948;line-height: 28px;font-weight: bold;display: inline-block;margin-bottom: 34px;}

.home_academy .list .grid .more_btn:hover{text-decoration: underline;color: rgba(158,0,131,1);}



.home_global{background: #011d6d;height: 138px;}

.home_global .headline{font-size: 26px;color: white;font-weight: bold;line-height: 138px;}

.home_global .link_btn{position: absolute;right:15px;top:44px;width: 300px;height: 50px;line-height: 50px;background: rgba(158,0,131,1);border: 1px solid rgba(158,0,131,1);box-sizing: border-box;text-align: center;color: white;letter-spacing: 2px;font-size: 16px;border-radius: 5px;cursor: pointer;transition: all 0.1s linear}

.home_global .link_btn:hover{background: white;color: black}







.footer{padding-top: 60px;background: black;text-align: center;}

.footer .social_icon{text-align: center;margin-bottom: 10px;position: relative;}

.footer .social_icon .icon{display: inline-block;height: 30px;cursor: pointer;margin: 0 15px;}

.footer .social_icon .qr_code{position: absolute;left: 50%;margin-left: -82px;width: 158px;bottom: 50px;transition: all 0.2s linear;opacity: 0;transform: translate(0,15px);visibility: hidden;}

.footer .social_icon .qr_code.active{opacity: 1;transform: translate(0,0);visibility: visible;}

.footer .sitemap{text-align: center;padding-top: 12px;border-top: 1px solid white;display: inline-block;}

.footer .sitemap .link{display: inline-block;color: white;font-size: 12px;margin-right: 40px;}

.footer .sitemap .link.last{margin-right: 0}

.footer .sitemap .link:hover{text-decoration: underline;}

.footer .copyright{padding-bottom: 27px;overflow: auto;padding-top: 70px;}

.footer .copyright .left{float: left;line-height: 20px;font-size: 12px;color: rgba(256,256,256,0.6);}

.footer .copyright .right{float: right;line-height: 20px;font-size: 12px;color: rgba(256,256,256,0.6);}

.footer .copyright .line{clear: both;line-height: 20px;font-size: 12px;color: rgba(256,256,256,0.6);padding-top: 10px;padding-bottom: 10px;padding-left: 25px;background: url(../img/icon101.png) left center no-repeat;text-align: right;float: right;}

.common_banner{position: relative;height: 366px;width: 100%;overflow: hidden}

.common_banner .bg{position: absolute;left: 50%;top: 0;transform: translate(-50%,0);width: 1920px}

.common_banner .bg2{display: block;width: 100%;}

.common_banner .main{height: 100%}

.common_banner .txt{position: absolute;left: 15px;bottom: 16%;}

.common_banner .txt .headline{font-size: 34px;color: white;font-weight: bold;}

.common_banner .txt .intro{font-size: 16px;line-height: 28px;color: white;padding-top: 10px;}

.common_banner .txt .intro span{display: block;}

.common_banner.top_banner .txt{text-align: center;width: 100%;}

/*.common_banner#top_banner2 .txt{text-align: center;width: 100%;}

.common_banner#top_banner3 .txt{text-align: center;width: 100%;}

.common_banner#top_banner4 .txt{text-align: center;width: 100%;}

.common_banner#top_banner5 .txt{text-align: center;width: 100%;}

.common_banner#top_banner6 .txt{text-align: center;width: 100%;}

.common_banner#top_banner7 .txt{text-align: center;width: 100%;}*/


.about_section1{padding: 80px 0;}

.about_section1 .pic{width: 62%;margin-left: 38%;position: relative;z-index: 2}

.about_section1 .txt_wrapper{position: absolute;left: 15px;top: 50%;transform: translate(0,-50%);width: 38%;background: #f1f3f6;box-sizing: border-box;border-left: 3px solid #9e0083;padding: 42px 38px;}

.about_section1 .txt_wrapper .txt{font-size: 16px;line-height: 28px;color: #4c4948;}



.about_section2{height: 525px;}

.about_section2 .bg{position: absolute;left: 50%;top: 0;transform: translate(-50%,0);}

.about_section2 .bg2{display: block;width: 100%;}

.about_section2 .main{height: 100%}

.about_section2 .txt_wrapper{position: absolute;left: 15px;top: 50%;transform: translate(0,-50%);}

.about_section2 .txt_wrapper .headline{font-size: 26px;font-weight: bold;padding-bottom: 25px;color: white}

.about_section2 .txt_wrapper .txt{position: relative;}

.about_section2 .txt_wrapper .txt .left{width: 58%;}

.about_section2 .txt_wrapper .txt .left .title{font-size: 32px;font-weight: bold;color: white;white-space: nowrap;text-align: center;}

.about_section2 .txt_wrapper .txt .left .sub{font-size: 20px;color: white;white-space: nowrap;padding:10px 0px 20px 0;margin-left: 50%}

.about_section2 .txt_wrapper .txt .left .intro{font-size: 16px;color: rgba(256,256,256,0.7);line-height: 26px;}



.about_section2 .txt_wrapper .txt .line{position: absolute;left: 65.5%;top: 50%;transform: translate(0,-50%);}



.about_section2 .txt_wrapper .txt .right{position: absolute;right: 15px;top: 50%;transform: translate(0,-50%);width: 27%}

.about_section2 .txt_wrapper .txt .right .title{font-size: 16px;color: white;padding-bottom: 27px;}

.about_section2 .txt_wrapper .txt .right .row1{position: relative;overflow: auto;float: left}

.about_section2 .txt_wrapper .txt .right .row2{position: relative;overflow: auto;float: right}

.about_section2 .txt_wrapper .txt .right .row .grid{margin-bottom: 30px;}

.about_section2 .txt_wrapper .txt .right .row .grid:nth-child(2){margin-bottom: 0;}

.about_section2 .txt_wrapper .txt .right .row h2{font-size: 30px;color: #00b5c2;font-weight: bold;padding-bottom: 5px;}

.about_section2 .txt_wrapper .txt .right .row p{font-size: 14px;color: rgba(256,256,256,0.7);line-height: 20px;}



.about_section3{}

.about_section3 .main .shape1{position: absolute;left: -295px;top: 0}

.about_section3 .main .shape2{position: absolute;right: -296px;bottom: 0}

.about_section3 .headline{color: #4c4948;font-size: 16px;line-height: 26px;padding: 76px 0;}

.about_section3 .grid{overflow: auto;padding-bottom: 50px;}

.about_section3 .grid .pic{float: right;width: 25%}

.about_section3 .grid .txt{float: left;width: 61%;}

.about_section3 .grid .title{padding-left: 18px;border-left: 5px solid #9e0083;font-size: 26px;color: #4c4948;font-weight: bold;margin-bottom: 15px;}

.about_section3 .grid .title span{display: block;line-height: 24px;}

.about_section3 .grid .title span:nth-child(1){padding-bottom: 10px;}

.about_section3 .grid .intro{font-size: 16px;line-height: 28px;color: #4c4948;}



.about_section4{background: #f8f9fb;padding: 80px 0 100px 0}

.about_section4 .headline{font-size: 26px;color: #4c4948;font-weight: bold;}

.about_section4 .timeline{display: block;width: 100%}

.about_section4 .view{display: block;width: 100%;padding-bottom: 25px;}

.about_section4 .intro{font-size: 16px;color: #4c4948;line-height: 26px;padding-bottom: 27px;padding-top: 40px;}



.about_section5{padding: 60px 0;}

.about_section5 .bg{position: absolute;left: 50%;top: 0;transform: translate(-50%,0);height: 100%;width: 1920px}

.about_section5 .headline{font-size: 26px;color: #4c4948;font-weight: bold;}

.about_section5 .sub{font-size: 16px;color: #4c4948;font-weight: bold;line-height: 26px;padding: 10px 0 20px 0;}

.about_section5 .detail{overflow: auto}

.about_section5 .detail .row{float: left;width: 425px;border-right: 1px solid #4c4948;margin-right: 65px;}

.about_section5 .detail .row:nth-child(2){margin-right: 0;border-right: none}

.about_section5 .detail .row .title{font-size: 18px;color: #4c4948;font-weight: bold;padding-bottom: 10px;}

.about_section5 .detail .row .grid{overflow: auto;margin-bottom: 22px;}

.about_section5 .detail .row .grid .time{width: 120px;font-size: 18px;color: #4c4948;font-weight: bold;float: left}

.about_section5 .detail .row .grid .intro{float:left;font-size: 16px;color: #4c4948;line-height: 22px;width: calc(100% - 120px)}

.about_section5 .detail .row2 .grid .time{width: 65px;}



.service_section{position: relative;padding: 74px 0 100px 0;}

.service_section .grid{position: relative;width: 100%;background: #f3f3f3;padding: 20px 40px;box-sizing: border-box;margin-bottom: 30px;}

.service_section .grid .left{width: 460px;}

.service_section .grid .left .icon{display: block;padding: 47px 0 40px 0;}

.service_section .grid .left .headline{font-size: 20px;color: #4c4948;font-weight: bold;padding-bottom: 10px;}

.service_section .grid .left .sub{font-size: 16px;color: #4c4948;font-weight: bold;padding-bottom: 20px;border-bottom: 1px solid #4c4948;margin-bottom: 20px;}

.service_section .grid .left .intro{font-size: 16px;color: #4c4948;line-height: 28px;padding-bottom: 35px;}

.service_section .grid .left .intro span{display: block;padding-left: 10px;background: url(../img/dot.png) left 13px no-repeat}

.service_section .grid .right{position: absolute;right: 20px;top: 0;height: 100%;width: calc(100% - 540px)}

.service_section .grid .right .pic{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);max-width: 100%;}

.service_section .grid .right .pic.sheet1{width: 335px;}



.search_container{background: #f6f6f6;padding: 45px 0;position: relative;overflow: hidden}

.search_container .search_bar{position: relative;width: 592px;height: 50px;border: 1px solid #b0b0b0;border-radius: 5px;box-sizing: border-box;background: white;position: relative;margin-bottom: 45px;}

.search_container .search_bar input{display: block;width: 540px;height: 100%;line-height: 48px;font-size: 16px;color: #4c4948;outline: none;border: none;background: rgba(0,0,0,0);box-sizing: border-box;padding-left: 20px;}

.search_container .search_bar .search_btn{position: absolute;right: 0px;top: 0px;padding: 5px;width: 40px;cursor: pointer;}



.search_container .search_result_title{font-size: 16px;color: #4c4948;padding: 15px 0 30px 0;border-top: 1px solid #b0b0b0}

.search_container .search_result_list{}

.search_container .search_result_list li{cursor: pointer;margin-bottom: 30px;}

.search_container .search_result_list li .headline{font-size: 18px;line-height: 20px;padding-bottom: 10px;color: black;font-weight: bold;}

.search_container .search_result_list li .intro{font-size: 16px;line-height: 28px;color: #4c4948;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient:vertical;}

.search_container .search_result_list li .link{font-size: 16px;line-height: 28px;color: #4e7dab;text-decoration: underline;}

.search_container .search_result_list li:hover .headline{text-decoration: underline;}

.search_container .search_result_list li:hover .intro{text-decoration: underline;}



.tnc_wrapper{background: #f6f6f6;padding: 60px 0 100px 0;}

.tnc_wrapper .headline{font-size: 18px;color: black;font-weight: bold;padding-bottom: 5px;}

.tnc_wrapper .intro{font-size: 16px;color: #4c4948;line-height: 28px;padding-bottom: 20px;}

.tnc_wrapper .intro .link{color: #00adbe;text-decoration: underline;cursor: pointer;}

.tnc_wrapper .back_top_btn{position: fixed;bottom: 100px;right: 20px;width: 70px;cursor: pointer;display: none;z-index: 2}




.subscribe_form_wrapper{padding: 54px 0 52px 0;}

.subscribe_form_wrapper .headline{font-size: 26px;color: #4c4948;font-weight: bold;padding-bottom: 20px;}

.subscribe_form{background:#efefef;box-sizing: border-box;padding: 0 4%;overflow: auto;padding-bottom: 45px;margin-bottom: 50px;}

.subscribe_form .grid{float: left;width: 29%;margin:0 2.166%;}

.subscribe_form .grid .label{font-size: 14px;color: #4c4948;padding: 33px 0 10px 0;display: block;}

.subscribe_form .grid input{display: block;width: 100%;height: 50px;line-height: 50px;font-size: 16px;color: #4c4948;outline: none;border: 1px solid #b0b0b0;background: white;box-sizing: border-box;padding:0 20px;border-radius: 5px;}

.subscribe_form .grid .select_box{position: relative;display: block;width: 100%;height: 50px;line-height: 50px;border: 1px solid #b0b0b0;background: white;box-sizing: border-box;border-radius: 5px;}

.subscribe_form .grid .select_box .arrow{position: absolute;right: 20px;top: 50%;transform: translate(0,-50%);}

.subscribe_form .grid select{position: absolute;appearance: none;padding:0 20px;width: 100%;height: 100%;font-size: 16px;color: #4c4948;outline: none;border: none;left: 0;top: 0;background: rgba(0,0,0,0);}

.subscribe_form .checkbox_wrapper{clear: both;width: 65%;padding-top: 40px;margin-left: 2.166%;}

.subscribe_form .checkbox_wrapper .checkbox{width: 24px;height: 24px;border: 1px solid #b0b0b0;background: white;box-sizing: border-box;border-radius: 5px;cursor: pointer;position: relative;float: left}

.subscribe_form .checkbox_wrapper .checkbox .icon{position: absolute;left: -2px;top: -2px;width: 27px;display: none}

.subscribe_form .checkbox_wrapper .checkbox.active .icon{display: block;}



.subscribe_form .checkbox_wrapper .txt{float: left;width: calc(100% - 34px);margin-left: 10px;font-size: 14px;color: #4c4948;line-height: 20px;}
.subscribe_form .checkbox_wrapper .txt span{cursor: pointer;color: #00adbe}


.subscribe_form_wrapper .subscribe_btn{display: block;margin: 0 auto;width: 300px;height: 50px;line-height: 50px;background: rgba(158,0,131,1);border: 1px solid rgba(158,0,131,1);box-sizing: border-box;text-align: center;color: white;letter-spacing: 2px;font-size: 16px;border-radius: 5px;cursor: pointer;transition: all 0.1s linear}

.subscribe_form_wrapper .subscribe_btn:hover{background: white;color: black}



.strategy_wrapper{position: relative;padding: 80px 0;}

.strategy_wrapper .main{position: relative;overflow: auto}

.strategy_wrapper .grid{float: left;width: 48.3%;margin-bottom: 30px;}

.strategy_wrapper .grid:nth-child(even){margin-left: 3.4%}

.strategy_wrapper .grid .pic{display: block;width: 100%;}

.strategy_wrapper .grid .info{height: 153px;border: 1px solid #d2d2d2;box-sizing: border-box;border-top: none;padding: 40px 25px 0 25px;}

.strategy_wrapper .grid .info .headline{color: #4c4948;font-size: 18px;line-height: 28px;font-weight: bold;}

.strategy_wrapper .grid .info .row{color: #4c4948;font-size: 16px;line-height: 28px;float: left;width: 100%;box-sizing: border-box;padding-left: 0;position: relative;}
.strategy_wrapper .grid .info .row em{position: absolute;left: -14px;top: 0px;font-style: normal}
.strategy_wrapper .grid .info .row.last{width: 30%}



.market_filter_wrapper{padding-top: 50px;display: flex;justify-content: space-between;}

.market_filter_wrapper .filter{cursor: pointer;display: inline-flex;height: 50px;line-height: 50px;box-sizing: border-box;padding: 0 3%;background: white;border: 1px solid #4c4948;border-radius: 5px;text-align: center;font-size: 16px;color: #4c4948;letter-spacing: 2px;transition: all 0.1s linear;white-space: nowrap;}

.market_filter_wrapper .filter:hover{color: white;background: #9d0083;border: 1px solid #9d0083;}

.market_filter_wrapper .filter.active{color: white;background: #9d0083;border: 1px solid #9d0083;}



.market_filter_selector{display: none;width: 100%;text-align: center;position: relative;height: 50px;border: 1px solid #4c4948;margin-top: 40px;}

.market_filter_selector .holder{font-size: 16px;color: #4c4948;position: absolute;left: 0;top: 0;width: 100%;height: 100%;line-height: 50px;text-align: center;letter-spacing: 2px;}

.market_filter_selector .arrow{position: absolute;right: 15px;top: 50%;transform: translate(0,-50%);width: 16px;}

.market_filter_selector select{position: absolute;left: 0;top: 0;width: 100%;height: 100%;opacity: 0}



.market_wrapper{}

.market_wrapper .market_list{overflow: auto;padding-top: 50px;padding-bottom: 50px;width: 101.33334%;margin-left: -0.66667%}

.market_wrapper .market_list .grid{width: 32%;margin-bottom: 2%;cursor: pointer;float: left;margin:0 0.66667% 1.33334%;}

.market_wrapper .market_list .grid .pic{width: 100%;padding-bottom: 51.8%;position: relative;}

.market_wrapper .market_list .grid .pic img{position: absolute;left: 0;top: 0;width: 100%;height: 100%;object-fit: cover}

.market_wrapper .market_list .grid .info{padding: 20px 15px;border: 1px solid #d2d2d2;box-sizing: border-box;border-top: none;}

.market_wrapper .market_list .grid .info .headline{color: #4c4948;font-size: 18px;line-height: 28px;font-weight: bold;width: 100%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;padding-bottom: 10px;}

.market_wrapper .market_list .grid .info .time{color: #4c4948;font-size: 16px;line-height: 22px;padding-bottom: 5px;}

.market_wrapper .market_list .grid .info .intro{color: #4c4948;font-size: 16px;line-height: 22px;height: 66px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient:vertical;margin-bottom: 15px;}



.market_wrapper .market_list .grid .info .more_btn{cursor: pointer;font-size: 16px;color: #4c4948;line-height: 28px;font-weight: bold;letter-spacing: 2px}

.market_wrapper .market_list .grid .info .more_btn:hover{text-decoration: underline;color: rgba(158,0,131,1);}







.market_detail_wrapper{padding-top: 60px;overflow: auto;padding-bottom: 100px}

.market_detail_wrapper .article_box{float: left;width: 63%;margin-right: 5%;}

.market_detail_wrapper .article_box .back_list_btn{font-size: 16px;color: #2d2d2d;line-height: 28px;}

.market_detail_wrapper .article_box .back_list_btn:hover{text-decoration: underline;}

.market_detail_wrapper .article_box .headline{padding: 10px 0 20px 0;border-bottom: 1px solid #c9c8c8;font-weight: bold;font-size: 34px;color: #252525;margin-bottom: 20px;}

/*.market_detail_wrapper .article_box p{font-size: 16px;color: #4c4948;line-height: 28px;margin-bottom: 25px;}

.market_detail_wrapper .article_box p.green{color: #00adbe}

.market_detail_wrapper .article_box p.related_info{padding-top: 50px}

.market_detail_wrapper .article_box p .related_link{color: #00adbe;text-decoration: underline;}*/

.market_detail_wrapper .article_box .back_to_top{display: block;cursor: pointer;width: 70px;}

.market_detail_wrapper .article_box ul{list-style: disc;}

.market_detail_wrapper .related_box{float: left;width: 32%}

.market_detail_wrapper .related_box .title{font-size: 18px;color: #4c4948;font-weight: bold;padding-bottom: 10px;}

.market_detail_wrapper .related_box .grid{width: 100%;cursor: pointer;margin-bottom: 15px;}

.market_detail_wrapper .related_box .grid .pic{position: relative;}

.market_detail_wrapper .related_box .grid .pic img{display: block;width: 100%}

.market_detail_wrapper .related_box .grid .info{padding: 20px 15px;border: 1px solid #d2d2d2;box-sizing: border-box;border-top: none;}

.market_detail_wrapper .related_box .grid .info .headline{color: #4c4948;font-size: 18px;line-height: 28px;font-weight: bold;width: 100%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;padding-bottom: 10px;}

.market_detail_wrapper .related_box .grid .info .time{color: #4c4948;font-size: 16px;line-height: 22px;padding-bottom: 5px;}

.market_detail_wrapper .related_box .grid .info .intro{color: #4c4948;font-size: 16px;line-height: 22px;height: 66px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient:vertical;margin-bottom: 15px;}



.market_detail_wrapper .related_box .grid .info .more_btn{cursor: pointer;font-size: 16px;color: #4c4948;line-height: 28px;font-weight: bold;letter-spacing: 2px}

.market_detail_wrapper .related_box .grid .info .more_btn:hover{text-decoration: underline;color: rgba(158,0,131,1);}

.market_detail_wrapper .related_box .related_download{padding-bottom: 30px;margin-bottom: 30px;border-bottom: 1px solid #c9c8c8}

.market_detail_wrapper .related_box .download_box{background: #efefef;padding: 30px 15px 40px 15px;text-align: center;box-sizing: border-box;}

.market_detail_wrapper .related_box .download_box .headline{padding-bottom: 10px;font-size: 18px;color: #4c4948;font-weight: bold;}

.market_detail_wrapper .related_box .download_box .intro{font-size: 14px;color: #4c4948;line-height: 26px;padding-bottom: 30px;text-align: left;}

.market_detail_wrapper .related_box .download_box .download_btn{display: block;margin: 0 auto;width: 100%;height: 50px;line-height: 50px;background: rgba(158,0,131,1);border: 1px solid rgba(158,0,131,1);box-sizing: border-box;text-align: center;color: white;letter-spacing: 2px;font-size: 16px;border-radius: 5px;cursor: pointer;transition: all 0.1s linear}

.market_detail_wrapper .related_box .download_box .download_btn:hover{background: white;color: black}

.market_detail_wrapper .related_box .sub_box{background: url(../img/sub-bg2.jpg);padding: 20px 0;background-size: 100% 100%;}

.market_detail_wrapper .related_box .title{font-size: 18px;color: #4c4948;font-weight: bold;padding-bottom: 10px;}

.market_detail_wrapper .related_box .title.center{text-align: center;line-height: 28px;padding: 10px 0 25px 0;}

.market_detail_wrapper .related_box .subscribe_btn{display: block;margin: 0 auto;width: 120px;height: 40px;line-height: 38px;background: rgba(0,49,160,1);border: 1px solid rgba(0,49,160,1);box-sizing: border-box;text-align: center;color: white;letter-spacing: 2px;font-size: 16px;border-radius: 5px;cursor: pointer;transition: all 0.1s linear}

.market_detail_wrapper .related_box .subscribe_btn:hover{background: white;color: black}

.market_detail_wrapper .related_box .grid .info .more_btn{cursor: pointer;font-size: 16px;color: #4c4948;line-height: 28px;font-weight: bold;letter-spacing: 2px}

.market_detail_wrapper .related_box .grid .info .more_btn:hover{text-decoration: underline;color: rgba(158,0,131,1);}



.academy_wrapper{}

.academy_wrapper .academy_top_intro{font-size: 16px;line-height: 28px;color: black;padding: 50px 0;}

.academy_filter_wrapper{padding-top: 0px;height: 50px}

.academy_filter_wrapper .filter{cursor: pointer;float: left;height: 50px;line-height: 50px;box-sizing: border-box;padding: 0 3%;background: white;border: 1px solid #4c4948;border-radius: 5px;text-align: center;font-size: 16px;color: #4c4948;letter-spacing: 2px;transition: all 0.1s linear;white-space: nowrap;margin-right: 10px;}

.academy_filter_wrapper .filter:hover{color: white;background: rgba(0,49,160,1);border: 1px solid rgba(0,49,160,1);}

.academy_filter_wrapper .filter.active{color: white;background: rgba(0,49,160,1);border: 1px solid rgba(0,49,160,1);}



.academy_filter_selector{display: none;width: 100%;text-align: center;position: relative;height: 50px;border: 1px solid #4c4948;margin-top: 40px;}

.academy_filter_selector .holder{font-size: 16px;color: #4c4948;position: absolute;left: 0;top: 0;width: 100%;height: 100%;line-height: 50px;text-align: center;letter-spacing: 2px;}

.academy_filter_selector .arrow{position: absolute;right: 15px;top: 50%;transform: translate(0,-50%);width: 16px;}

.academy_filter_selector select{position: absolute;left: 0;top: 0;width: 100%;height: 100%;opacity: 0}



.etf_list{overflow: auto;width: 100%}

.etf_list .grid{width: 49%;margin-bottom: 2%;float: left;}

.etf_list .grid:nth-child(even){margin-left: 2%}

.etf_list .grid .pic{width: 100%;padding-bottom: 51.8%;position: relative;}

.etf_list .grid .pic .video_box{position: absolute;left: 0;top: 0;width: 100%;height: 100%;}

.etf_list .grid .pic .video_box video{position: absolute;left: 0;top: 0;width: 100%;height: 100%;object-fit: cover}

.etf_list .grid .pic .video_box .play_btn{position: absolute;left: 50%;top: 50%;width: 80px;transform: translate(-50%,-50%);cursor: pointer;}



.etf_list .grid .info{padding: 20px 15px;border: 1px solid #d2d2d2;box-sizing: border-box;border-top: none;cursor: pointer;}

.etf_list .grid .info .headline{color: #4c4948;font-size: 18px;line-height: 28px;font-weight: bold;width: 100%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;padding-bottom: 10px;}

.etf_list .grid .info .time{color: #4c4948;font-size: 16px;line-height: 22px;padding-bottom: 5px;}

.etf_list .grid .info .intro{color: #4c4948;font-size: 16px;line-height: 22px;height: 66px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient:vertical;margin-bottom: 15px;}



.etf_list .grid .info .more_btn{cursor: pointer;font-size: 16px;color: #4c4948;line-height: 28px;font-weight: bold;letter-spacing: 2px}

.etf_list .grid .info .more_btn:hover{text-decoration: underline;color: rgba(158,0,131,1);}



.academy_tab{padding-top: 50px;padding-bottom: 50px;display: none}

.academy_tab .inner{width: 100%;max-width: 806px;margin:0 auto;}

.academy_tab .inner .download_box{background-size: cover;padding: 30px 0 40px 0;text-align: center;margin-bottom: 40px;}

.academy_tab .inner .download_box .headline{padding-bottom: 10px;font-size: 18px;color: #4c4948;font-weight: bold;}

.academy_tab .inner .download_box .intro{width: 63.5%;font-size: 14px;color: #4c4948;line-height: 26px;padding-bottom: 30px;margin:0 auto;}

.academy_tab .inner .download_box .download_btn{display: block;margin: 0 auto;width: 370px;height: 50px;line-height: 50px;background: rgba(158,0,131,1);border: 1px solid rgba(158,0,131,1);box-sizing: border-box;text-align: center;color: white;letter-spacing: 2px;font-size: 16px;border-radius: 5px;cursor: pointer;transition: all 0.1s linear}

.academy_tab .inner .download_box .download_btn:hover{background: white;color: black}

/*.academy_tab .inner .txt{font-size: 16px;line-height: 28px;color: #4c4948;padding-bottom: 25px;}*/

.academy_tab .inner .pic{display: block;width: 100%;padding-bottom: 25px;}

.academy_tab .inner .video_box{position: relative;margin-bottom: 25px;}

.academy_tab .inner .video_box video{display: block;width: 100%;object-fit: cover}

.academy_tab .inner .video_box .play_btn{position: absolute;left: 50%;top: 50%;width: 80px;transform: translate(-50%,-50%);cursor: pointer;}

.academy_tab .back_top_btn{position: fixed;bottom: 100px;right: 20px;width: 70px;cursor: pointer;display: none;z-index: 2}

.academy_tab .related_content_headline{font-size: 20px;color: black;font-weight: bold;}

.academy_tab .related_content{overflow: auto;padding-top: 20px;padding-bottom: 20px;width: 101.33334%;margin-left: -0.66667%}

.academy_tab .related_content .grid{width: 32%;margin-bottom: 2%;cursor: pointer;float: left;margin:0 0.66667% 1.33334%;}

.academy_tab .related_content .grid .pic{width: 100%;padding-bottom: 51.8%;position: relative;}

.academy_tab .related_content .grid .pic img{position: absolute;left: 0;top: 0;width: 100%;height: 100%;object-fit: cover}

.academy_tab .related_content .grid .info{padding: 20px 15px;border: 1px solid #d2d2d2;box-sizing: border-box;border-top: none;}

.academy_tab .related_content .grid .info .headline{color: #4c4948;font-size: 16px;line-height: 28px;font-weight: bold;width: 100%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;padding-bottom: 10px;}

.academy_tab .related_content .grid .info .time{color: #4c4948;font-size: 14px;line-height: 22px;padding-bottom: 5px;}

.academy_tab .related_content .grid .info .intro{color: #4c4948;font-size: 14px;line-height: 22px;height: 66px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient:vertical;margin-bottom: 15px;}



.academy_tab .related_content .grid .info .more_btn{cursor: pointer;font-size: 14px;color: #4c4948;line-height: 28px;font-weight: bold;letter-spacing: 2px}

.academy_tab .related_content .grid .info .more_btn:hover{text-decoration: underline;color: rgba(158,0,131,1);}


.top_banner{display: none}



.academy_detail_wrapper{padding-top: 60px;overflow: hidden;padding-bottom: 100px}

.academy_detail_wrapper .article_box{float: left;width: 63%;margin-right: 5%;}

.academy_detail_wrapper .article_box .back_list_btn{font-size: 16px;color: #2d2d2d;line-height: 28px;}

.academy_detail_wrapper .article_box .back_list_btn:hover{text-decoration: underline;}

.academy_detail_wrapper .article_box .headline{padding: 10px 0 20px 0;border-bottom: 1px solid #c9c8c8;font-weight: bold;font-size: 34px;color: #252525;margin-bottom: 20px;}

/*.academy_detail_wrapper .article_box p{font-size: 16px;color: #4c4948;line-height: 28px;margin-bottom: 25px;}
*/
/*.academy_detail_wrapper .article_box p.green{color: #00adbe}*/

/*.academy_detail_wrapper .article_box p.hint{padding-top: 40px;font-size: 14px;line-height: 26px;color: #4c4948;border-top: 1px solid #c9c8c8;margin-top: 40px;}
*/
.academy_detail_wrapper .article_box .title{font-weight: bold;font-size: 18px;color: black;padding-bottom: 8px}

.academy_detail_wrapper .article_box .back_to_top{display: block;cursor: pointer;width: 70px;}

.academy_detail_wrapper .article_box .pic{display: block;width: 100%;margin-bottom: 25px;margin-top: -15px;}

.academy_detail_wrapper .article_box .download_box{background: #efefef;padding: 30px 15px 30px 15px;text-align: center;box-sizing: border-box;margin: 20px 0 20px 0;}

.academy_detail_wrapper .article_box .download_box .txt1{padding-bottom: 10px;font-size: 18px;color: #4c4948;font-weight: bold;}

.academy_detail_wrapper .article_box .download_box .txt2{font-size: 14px;color: #4c4948;line-height: 26px;padding-bottom: 10px;text-align: left;margin-bottom: 10px;}

.academy_detail_wrapper .article_box .download_box .download_btn{display: block;margin: 0 auto;width: 88%;height: 50px;line-height: 50px;background: rgba(158,0,131,1);border: 1px solid rgba(158,0,131,1);box-sizing: border-box;text-align: center;color: white;letter-spacing: 2px;font-size: 16px;border-radius: 5px;cursor: pointer;transition: all 0.1s linear}

.academy_detail_wrapper .article_box .download_box .download_btn:hover{background: white;color: black}

.academy_detail_wrapper .article_box ul{list-style: disc}





.academy_detail_wrapper .related_box{float: left;width: 32%}

.academy_detail_wrapper .related_box .grid{width: 100%;cursor: pointer;margin-bottom: 30px;}

.academy_detail_wrapper .related_box .grid .pic{position: relative;}

.academy_detail_wrapper .related_box .grid .pic img{display: block;width: 100%}

.academy_detail_wrapper .related_box .grid .info{padding: 20px 15px;border: 1px solid #d2d2d2;box-sizing: border-box;border-top: none;}

.academy_detail_wrapper .related_box .grid .info .headline{color: #4c4948;font-size: 18px;line-height: 28px;font-weight: bold;width: 100%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;padding-bottom: 10px;}

.academy_detail_wrapper .related_box .grid .info .time{color: #4c4948;font-size: 16px;line-height: 22px;padding-bottom: 5px;}

.academy_detail_wrapper .related_box .grid .info .intro{color: #4c4948;font-size: 16px;line-height: 22px;height: 66px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient:vertical;margin-bottom: 15px;}

.academy_detail_wrapper .related_box .sub_box{background: url(../img/sub-bg2.jpg);padding: 20px 0;background-size: 100% 100%;}

.academy_detail_wrapper .related_box .title{font-size: 18px;color: #4c4948;font-weight: bold;padding-bottom: 10px;}

.academy_detail_wrapper .related_box .title.center{text-align: center;line-height: 28px;padding: 10px 0 25px 0;}

.academy_detail_wrapper .related_box .subscribe_btn{display: block;margin: 0 auto;width: 120px;height: 40px;line-height: 38px;background: rgba(0,49,160,1);border: 1px solid rgba(0,49,160,1);box-sizing: border-box;text-align: center;color: white;letter-spacing: 2px;font-size: 16px;border-radius: 5px;cursor: pointer;transition: all 0.1s linear}

.academy_detail_wrapper .related_box .subscribe_btn:hover{background: white;color: black}

.academy_detail_wrapper .related_box .grid .info .more_btn{cursor: pointer;font-size: 16px;color: #4c4948;line-height: 28px;font-weight: bold;letter-spacing: 2px}

.academy_detail_wrapper .related_box .grid .info .more_btn:hover{text-decoration: underline;color: rgba(158,0,131,1);}





.academy_detail_wrapper .related_box .related_download{padding-bottom: 30px;margin-bottom: 30px;border-bottom: 1px solid #c9c8c8}

.academy_detail_wrapper .related_box .download_box{background: #efefef;padding: 30px 15px 40px 15px;text-align: center;box-sizing: border-box;}

.academy_detail_wrapper .related_box .download_box .headline{padding-bottom: 10px;font-size: 18px;color: #4c4948;font-weight: bold;}

.academy_detail_wrapper .related_box .download_box .intro{font-size: 14px;color: #4c4948;line-height: 26px;padding-bottom: 30px;text-align: left;}

.academy_detail_wrapper .related_box .download_box .download_btn{display: block;margin: 0 auto;width: 100%;height: 50px;line-height: 50px;background: rgba(158,0,131,1);border: 1px solid rgba(158,0,131,1);box-sizing: border-box;text-align: center;color: white;letter-spacing: 2px;font-size: 16px;border-radius: 5px;cursor: pointer;transition: all 0.1s linear}

.academy_detail_wrapper .related_box .download_box .download_btn:hover{background: white;color: black}

.sub_success_pop{position: fixed;width: 100%;height: 100%;background: rgba(0,0,0,0.7);left: 0;top: 0;display: none}
.sub_success_pop .close{position: absolute;left: 0;top: 0;width: 100%;height: 100%;}
.sub_success_pop .inner{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);}
.sub_success_pop .inner .back{display: block;}
.sub_success_pop .inner h2{font-weight: bold;color: black;font-size: 24px;text-align: center;position: absolute;left: 0;top: 46px;width: 100%}
.sub_success_pop .inner p{text-align: center;font-size: 15px;line-height: 25px;position: absolute;left: 0;top: 95px;width: 100%;color: #4c4948}

.sub_success_pop .inner .link{position: absolute;left: 50%;bottom: 47px;transform: translate(-50%,0);color: #00adbe;text-decoration: underline;font-size: 14px;}


.pop_state{position: fixed;width: 100%;height: 100%;background: rgba(0, 0, 0, 0.7);z-index: 99999;display: none;left: 0;top: 0;}
.pop_state .inner{position: absolute;left: 10%;top: 125px;width: 80%;height: calc(100vh - 125px - 200px);background: white;box-sizing: border-box;padding: 20px 30px;overflow-y: auto;-webkit-overflow-scrolling: touch;}
.pop_state .inner h2{font-size: 30px;color: black;line-height: 40px;text-align: center;font-weight: bold;margin-bottom: 30px;}
.pop_state .inner .txt1{font-size: 15px;color: black;line-height: 28px;}
.pop_state .inner .txt2{font-size: 15px;color: black;line-height: 28px;padding-left: 30px;position: relative;}
.pop_state .inner .txt2 span{position: absolute;left: 0;top: 0;}
.pop_state .inner .txt3{font-size: 15px;color: black;line-height: 28px;text-align: right;}
.pop_state .inner .close_btn{position: absolute;right: 0;top: 0;width: 30px;padding: 20px;cursor: pointer;}










@media screen and (max-width: 1100px) {

.about_section2 .txt_wrapper .txt .left{width: 50%;}

.about_section2 .txt_wrapper .txt .line{left: 57.5%}

.about_section2 .txt_wrapper .txt .right{width: 35%;}



.service_section .grid .left{width: 40%}

.service_section .grid .right{width: calc(60% - 40px)}

.market_filter_wrapper .filter{padding: 0 2vw;}

}





@media screen and (max-width: 1000px) {

.header .logo{width: 120px;padding-top: 33px;}

.header .menu .search_icon{margin-right: 10px;}

.header .menu .link_btn{margin: 0 5px;}

.header .menu .separate_line{margin:0 20px;}



.homepage .banner .txt .headline{font-size: 40px;}

.homepage .banner .txt .intro{font-size: 14px;}

.homepage .banner .txt .btn{width: 252px;}



.home_video_section .detail .headline{font-size: 18px;padding-bottom: 10px;margin-bottom: 10px;}

.home_video_section .detail .title{font-size: 14px;}

.home_video_section .detail .link_btn{width: 250px;}

.home_weekly_section .detail .headline{font-size: 18px;}



.about_section3 .grid .pic{width: 30%}

.about_section3 .grid .txt{width: 65%;}

.about_section5{background: url(../img/about-s5-bg-sm.jpg);background-size: 100% 100%}

.about_section5 .bg{display: none}

.about_section5 .sub{font-weight: normal;padding-bottom: 0;}

.about_section5 .detail .row{width: 100%;float: none;border-right: none}

.about_section5 .detail .row .grid .time{width: 100%;float: none;padding-bottom: 5px;}

.about_section5 .detail .row .grid .intro{line-height: 28px;width: 100%}

.about_section5 .detail .row .title{padding-top: 35px;}



.market_wrapper .market_list{}

.market_wrapper .market_list .grid{width: 48%;margin: 0 1% 2% 1%;}
.academy_filter_wrapper .filter{padding: 0 2vw;}
}



@media screen and (max-width: 900px) {

.about_section1 .pic{width: 100%;margin-left: 0;}

.about_section1 .txt_wrapper{position: relative;left: auto;top: auto;transform: translate(0,0);width: 100%;background: none;border-left: 0;padding: 30px 0 0 0;}



.about_section2{height: auto;background: url(../img/about-s2-bg-sm.jpg);background-size: 100% 100%;padding: 45px 0;}

.about_section2 .bg{display: none}

.about_section2 .txt_wrapper{position: relative;left: auto;top: auto;transform: translate(0,0);}

.about_section2 .txt_wrapper .txt .left{width: 100%;margin-bottom: 30px;padding-bottom: 30px;border-bottom: 1px solid #d9d8d8}

.about_section2 .txt_wrapper .txt .left .sub{text-align: right;margin-left: 0}

.about_section2 .txt_wrapper .txt .left .intro{font-size: 13px;}

.about_section2 .txt_wrapper .txt .line{display: none}

.about_section2 .txt_wrapper .txt .right{width: 100%;position: relative;right: auto;top: auto;transform: translate(0,0);overflow: auto}

.about_section2 .txt_wrapper .txt .right .row1{width: 55%;}

.about_section2 .txt_wrapper .txt .right .row2{width: 45%;float: left}



.subscribe_form{padding: 0 2% 45px 2%;}

.market_filter_wrapper .filter{padding: 0 1.5vw;}



.homepage .banner .controller{right: 15px;}
.academy_filter_wrapper .filter{padding: 0 1.5vw;}
}



@media screen and (max-width: 768px) {

.mb{display: block !important}

.pc{display: none !important}

.container{padding-top: 60px}

.service_statement .inner{top: 60px;height: calc(100vh - 60px)}

.service_statement .inner .main{padding-top: 80px;}

.service_statement .inner .headline{top: 25px;}

.service_statement .inner .btn_list{width: calc(100vw - 30px)}

.service_statement .inner .btn_list .btn{width: 48%;margin:0;}

.service_statement .inner .btn_list .btn:nth-child(1){margin-right: 4%}

.header{display: none}

.mb_header{display: block}

.search_box .inner{top: 60px;background: none;height: 140px;}

.search_box .inner .search_wrapper{width: 92%;}



.homepage .banner{height: 123.7vw;}

.homepage .banner .top_swiper{height: 100%}

.homepage .banner .top_swiper .slide{height: 100%}

.homepage .banner .txt{left: 0px;top: 0%;transform: translate(0,0%);width: 100%;height: 100%;}

.homepage .banner .txt .headline{position: absolute;left: 15px;top: 13vw;line-height: 45px;}

.homepage .banner .txt .headline span{display: block;}

.homepage .banner .txt .intro{position: absolute;left: 15px;top: 39vw;}

.homepage .banner .txt .intro span{display: block;}

.homepage .banner .txt .btn{position: absolute;left: 4%;bottom: 15.7vw;width: 92%;height: 50px;line-height: 50px;background: rgba(158,0,131,1);text-align: center;color: white;letter-spacing: 2px;font-size: 14px;border-radius: 5px;cursor: pointer;transition: all 0.1s linear}

.homepage .slick-dots{display: block !important;z-index: 2}

.homepage .banner .controller{display: none;}



.home_video_section{padding: 48px 0 6vw 0;}

.home_video_section .video_wrapper{width: 100%;margin-right: 0;margin-bottom: 5.3vw}

.home_video_section .detail{width: 100%;}

.home_video_section .detail .headline{font-size: 24px;padding-bottom: 3.3vw;margin-bottom: 3.3vw}

.home_video_section .detail .title{font-size: 16px;}

.home_video_section .detail .intro{-webkit-line-clamp: 4;}

.home_video_section .detail .link_btn{width: 100%;margin-bottom: 20px}



.home_about_section{height: 63vw;}

.home_about_section .headline{font-size: 24px;padding: 48px 0 6vw 0;}

.home_about_section .intro{width: 100%;}

.home_weekly_section{height: auto;padding-top: 48px;padding-bottom: 5vw;}

.home_weekly_section .pic{width: 100%;margin-left: 0;margin-bottom: 25px;}

.home_weekly_section .detail .headline{font-size: 24px;}

.home_weekly_section .detail{width: 100%;}



.home_academy .list .grid{float: left;width: 100%;border-bottom: 1px solid #d9d8d8;margin-bottom: 24px;}

.home_academy .list .grid:nth-child(2){border-bottom: none;}

.home_academy .list .grid .more_btn{margin-bottom: 24px;}



.home_global{padding: 40px 0;height: auto}

.home_global .headline{margin-bottom: 15px;line-height: 30px;text-align: center;}

.home_global .link_btn{position: relative;width: 100%;right: auto;top: auto}



.footer{padding-top: 44px;}

.footer .social_icon{margin-bottom: 20px;}

.footer .social_icon .icon{height: 24px;cursor: pointer;margin: 0 23px;}

.footer .sitemap{text-align: left;padding-top: 20px;border-top: 1px solid white;display: block;}

.footer .sitemap .link{display: block;font-size: 14px;margin-right: 0px;line-height: 50px;}

.footer .copyright{padding-bottom: 15px;padding-top: 15px;}

.footer .copyright .left{float: none;width: 100%}

.footer .copyright .right{float: none;width: 100%;}

.footer .copyright .line{float: none;display: inline-block;padding-right: 25px;margin-top: -10px;}

.common_banner{height: auto}

.common_banner .main{position: absolute;left: 0;top: 0}

.common_banner .txt .headline{font-size: 30px;}

.common_banner .txt .intro{width: 64%;font-size: 12px;line-height: 24px;}

.common_banner .txt .intro span{display: inline;}



.common_banner#top_banner2 .txt{left: 0;}

.common_banner#top_banner3 .txt{left: 0;}

.common_banner#top_banner4 .txt{left: 0;}

.common_banner#top_banner5 .txt{left: 0;}

.common_banner#top_banner6 .txt{left: 0;}



.common_banner#top_banner2 .txt .intro{margin:0 auto;}

.common_banner#top_banner3 .txt .intro{margin:0 auto;}

.common_banner#top_banner4 .txt .intro{margin:0 auto;}

.common_banner#top_banner5 .txt .intro{margin:0 auto;}

.common_banner#top_banner6 .txt .intro{margin:0 auto;}





.about_section1{padding: 40px 0;}

.about_section3{overflow: hidden}

.about_section3 .headline{padding: 40px 0 30px 0;}

.about_section3 .grid{padding-bottom: 40px;}

.about_section3 .grid .pic{width: 100%;float: none;padding-bottom: 30px;}

.about_section3 .grid .txt{width: 100%;float: none}

.about_section3 .grid .title span{display: inline;}

.about_section3 .grid .title span:nth-child(1){padding-bottom: 0;}



.about_section4{padding: 40px 0 0 0;}

.about_section4 .view{padding-top: 0}



.service_section{padding: 0;}

.service_section .main{padding: 0;}

.service_section .grid{padding: 40px 15px;margin-bottom: 0;}

.service_section .grid:nth-child(2){background: white;}

.service_section .grid .left{width: 100%}

.service_section .grid .left .icon{padding-top: 0;width: 225px;padding-bottom: 30px;}

.service_section .grid .left .sub{line-height: 26px;}

.service_section .grid .left .intro{font-size: 13px;}

.service_section .grid .right{width: 100%;position: relative;right: auto;top: auto;height: auto}

.service_section .grid .right .pic{position: relative;left: auto;top: auto;transform: translate(0,0);margin:0 auto;display: block;}

.service_section .grid .right .pic.sheet1{width: 71%}

.service_section .grid .right .pic.sheet2{width: 71%}



.search_container .search_bar{width: 100%;}

.search_container .search_result_list li .intro{-webkit-line-clamp: 4;}

.tnc_wrapper{padding: 30px 0 40px 0;}



.subscribe_form{padding: 0 15px 30px 15px;margin-bottom: 30px;}

.subscribe_form_wrapper{padding: 30px 0 40px 0;}

.subscribe_form .grid{float: none;width: 100%;margin: 0;}

.subscribe_form .grid .label{padding-top: 22px;}

.subscribe_form .checkbox_wrapper{margin-left: 0;width: 100%;padding-top: 25px;overflow: hidden;height: auto}

.subscribe_form_wrapper .subscribe_btn{width: 100%}



.strategy_wrapper{padding: 40px 0 20px 0;}

.strategy_wrapper .grid{width: 100%;margin-bottom: 15px;}

.strategy_wrapper .grid:nth-child(even){margin-left: 0;}

.strategy_wrapper .grid .info{height: 125px;padding: 18px 15px 0 15px;}



.market_wrapper .market_list{padding-top: 30px;width: 100%;margin-left: 0}

.market_wrapper .market_list .grid{width: 100%;margin: 0 0 20px 0;}

/*.market_wrapper .market_list .grid:nth-child(3n-1){margin:0px 0 20px 0;}

.market_wrapper .market_list .grid:nth-child(even){margin:0px 0% 20px 0;}*/

.market_wrapper .market_list .grid .info .intro{height: auto;-webkit-line-clamp: 10;}

.market_filter_wrapper{display: none}

.market_filter_selector{display: block;margin-top: 30px;}



.market_detail_wrapper{padding-top: 30px;padding-bottom: 30px;}

.market_detail_wrapper .article_box{width: 100%;float: none;margin-right: 0}

.market_detail_wrapper .article_box p.related_info{padding-top: 20px;}

.market_detail_wrapper .related_box{display: none}



.academy_wrapper .academy_top_intro{padding: 15px 0}

.academy_filter_wrapper{display: none}

.academy_filter_selector{display: block;margin-top: 0}



.academy_tab{padding-top: 30px;}

.etf_list .grid{width: 100%;margin-bottom: 20px;}

.etf_list .grid:nth-child(even){margin-left: 0%}

.academy_tab .inner .download_box{margin-bottom: 20px;}

.academy_tab .inner .download_box .download_btn{width: 87.5%}

.academy_tab .back_top_btn{position: relative;right: auto;bottom: auto}

.academy_tab .inner .download_box .intro{width: 87.5%;}



.academy_detail_wrapper{padding-top: 30px;padding-bottom: 30px;}

.academy_detail_wrapper .article_box{width: 100%;float: none;margin-right: 0}

.academy_detail_wrapper .related_box{display: none}

/*.academy_detail_wrapper .article_box p.hint{padding-top: 20px;margin-top: 20px;}
*/
.academy_tab .related_content .grid{width: 100%;margin:0 0 15px 0;}
.sub_success_pop .inner .back{width: 100vw;height: 280px;}
.sub_success_pop .inner p{width: 90%;left: 5%}

.pop_state .inner{left: 5%;top: 5%;width: 90%;height: 90%;padding: 15px}
.pop_state .inner h2{font-size: 20px;line-height: 30px;width: 80%;margin: 0 auto 20px auto}
.pop_state .inner .close_btn{width: 20px;padding: 10px}
}



@media screen and (max-width: 640px) {

.home_about_section{height: 93vw;}	

}