.banner,.header-m,.i-banner,footer,header,main{transition:all .5s;-webkit-transition:all .5s}
.i-mauto{max-width:92%}
header{position:fixed;z-index:5;left:0;top:0;width:100%;background:rgba(255,255,255,.9);box-shadow:1px 1px 10px rgba(0,0,0,.1)}
.logo{height:100px;line-height:100px;overflow:hidden}
nav ul li{position:relative;float:left;margin:0 30px}
nav ul li.cur a::after,nav ul li:hover a::after{transform:scale(1);-webkit-transform:scale(1)}
nav ul li:hover>a{color:#2491de}
nav ul li:hover .sub-nav{visibility:visible;opacity:1;top:100px}
nav ul li>a{position:relative;height:100px;line-height:100px;font-size:18px}
nav ul li>a::after{position:absolute;content:'';left:0;bottom:0;width:100%;height:3px;background:#2491de;transform:scale(0,1);-webkit-transform:scale(0,1);transition:all .3s;-webkit-transition:all .3s}
nav ul li .sub-nav{visibility:hidden;opacity:0;z-index:1;top:125px;left:50%;padding:10px;width:150px;background:rgba(255,255,255,.9);transform:translateX(-50%);-webkit-transform:translateX(-50%);transition:all .5s;-webkit-transition:all .5s}
nav ul li .sub-nav a{display:block;line-height:23px;padding:8px 0;text-align:center;border-bottom:1px solid rgba(0,0,0,.1)}
nav ul li .sub-nav a:hover{color:#fff;background:#2491de}
.language{height:100px;padding:0 20px 0 30px;cursor:pointer;background:url(../images/language.png) no-repeat left center}
.language::after{position:absolute;content:'';right:0;top:50%;border-top:5px solid #333;border-left:5px solid transparent;border-right:5px solid transparent;transform:translateY(-50%);-webkit-transform:translateY(-50%)}
.language:hover .link{visibility:visible;opacity:1;transform:scale(1);-webkit-transform:scale(1)}
.language .link{visibility:hidden;opacity:0;top:80px;left:50%;width:80px;margin-left:-40px;padding:3px 0;background:rgba(0,0,0,.8);transform:scale(0,1);-webkit-transform:scale(0,1)}
.language .link::after{position:absolute;content:'';top:-6px;left:50%;border-left:6px solid transparent;border-right:6px solid transparent;border-bottom:6px solid rgba(0,0,0,.8);transform:translateX(-50%);-webkit-transform:translateX(-50%)}
.language .link a{border-bottom:1px solid rgba(255,255,255,.8)}
.language .link a:last-child{border:none}
.language .link a:hover{background:#2491de}
.sjls strong{ display:block; font-size:16px; width:100%}
.sjls{ padding-bottom:.2rem; border-bottom:1px dashed #ddd; margin-bottom:.2rem; line-height:30px; }
.sjls img{ width:auto!important; float:left; margin-right:.5rem;}
footer{padding:.22rem 0;color:#ddd;background:#272727}
footer .link span{margin:0 5px}
footer .copyright{line-height:22px}
footer a:hover{text-decoration:none}
.i-banner .slick-dots{bottom:.33rem}
.i-banner .slick-dots div{width:9px;height:9px;background:#fff;margin:0 .14rem;transition:all .3s;-webkit-transition:all .3s}
.i-banner .slick-dots div.slick-active,.i-banner .slick-dots div:focus,.i-banner .slick-dots div:hover{background:#2491de}
.i-banner a{display:block;min-height:85px}
.i-banner .dn{display:none!important}
.i-tt1{border-bottom:2px solid #dfdede}
.i-tt1 em{height:55px;line-height:55px;font-size:22px;border-bottom:2px solid #2491de;transform:translateY(2px);-webkit-transform:translateY(2px)}
.i-tt1 a{color:#000;margin:0 .21rem}
.i-tt1 a:hover{color:#2491de}
.i-guide .item{height:250px;padding:2.2% 1.7%;color:#fff; position:relative;}
.i-guide .item video{   position: absolute;
    right: 0;
    top: 0;        width: 100%;
    height: 110%;
    display: block;
    z-index: -1;}
.i-guide h3 em{font-size:22px}
.i-guide h3 span{color:#fff}
.i-guide .txt{height:84px;line-height:28px;-webkit-line-clamp:3}
.i-guide .item1 h3 span{color:#a0d5f9}
.i-guide .item2 h3{color:#000}
.i-guide .item2 h3 span{color:#000}
.i-guide .item2 .lg-3 .icon{height:50px;line-height:50px}
.i-guide .item2 .lg-3 em{margin-top:.15rem}
.i-news ul{margin-left:-.6rem}
.i-news li{padding-left:.6rem;margin-bottom:.3rem}
.i-news li a:hover h3{color:#2491de;text-decoration:none}
.i-news .img{width:148px;height:110px}
.i-news .info{width:calc(100% - 165px)}
.i-news .els2{height:52px;line-height:26px}
.i-btn{padding:18px 0;font-size:22px;background:#2491de}
.i-btn a{padding:.2rem .3rem}
.sjvideo{height:799px; overflow:hidden;}
.sj{width:60%;margin:0 auto;}
.sj img{    width: 100%!important;
    height: auto!important;}
.banner{height:3.63rem}
.banner h2{padding-top:.7rem}
.banner em{padding-bottom:10px;margin-bottom:10px;font-size:32px;font-weight:bold;}
.banner em::after{position:absolute;content:'';left:50%;bottom:0;width:34px;height:2px;background:#2491de;transform:translateX(-50%);-webkit-transform:translateX(-50%)}
.main{background:#f5f5f5}
.main-nav-p li{flex-grow:1}
.main-nav-p li.cur a,.main-nav-p li:hover a{color:#fff;background:#5da6d9}
.main-nav-p li a{display:block;height:70px;line-height:70px;padding:0 10px;font-size:16px}
.main-sub-nav{margin-left:-.38rem}
.main-sub-nav li{flex-grow:1;padding-left:.38rem}
.main-sub-nav li a{font-size:16px;height:60px;line-height:58px;border:1px solid #e4e4e4}
.main-sub-nav li a.cur,.main-sub-nav li a:hover{color:#fff;border-color:#5da6d9;background:#5da6d9}
.content{min-height:400px}
.culture .head .pic{padding:.25rem}
.culture .head .txt{font-size:16px;line-height:36px}
.culture .head .txt em{font-size:20px}
.culture ul{margin-left:-.47rem}
.culture li{padding-left:.47rem;margin-top:.3rem}
.culture .imgs{padding-bottom:77%}
.culture .info{padding:.3rem}
.event{background:url(../images/event_bg.jpg) no-repeat bottom center}
.event .link a{font-size:18px;margin-bottom:5px}
.event .link a.cur,.event .link a:hover{color:#2491de}
.event .link span{color:#c4c4c4;margin:0 .15rem;vertical-align:3px}
.event .pic-slider-w2 .t-slider{padding-bottom:80px;width:calc(100% - 150px)}
.event .pic-slider-w2 .t-slider .slick-dots{display:none!important}
.event .pic-slider-w2 .t-slider-w{width:calc(100% - 150px)}
.event .pic-slider-w2 .b-slider{width:130px}
.event .pic-slider-w2 .b-slider .slick-list{position:relative}
.event .pic-slider-w2 .b-slider .slick-list::after{z-index:-1;position:absolute;content:'';top:0;right:7px;height:100%;border:1px dashed #c8c8c8}
.event .pic-slider-w2 .b-slider .date{font-size:20px;padding-right:30px}
.event .pic-slider-w2 .b-slider .date::after{position:absolute;content:'';top:50%;right:0;width:14px;height:14px;border:2px solid #2491de;border-radius:50%;background:#fff;transform:translateY(-50%);-webkit-transform:translateY(-50%)}
.event .pic-slider-w2 .b-slider .date i{font-size:18px;margin-left:3px}
.event .pic-slider-w2 .b-slider .slick-slide li{padding:.57rem 0;cursor:pointer}
.event .pic-slider-w2 .b-slider .slick-current .date{color:#2491de}
.event .pic-slider-w2 .b-slider .slick-current .date::after{background:#2491de}
.event .pic-slider-w2 .b-slider .slick-next,.event .pic-slider-w2 .b-slider .slick-prev{display:none!important}
.event .btn{font-size:0}
.event .btn a{width:50px;height:50px;cursor:pointer}
.event .btn .l-btn{background:url(../images/honor_l.png) no-repeat center}
.event .btn .r-btn{background:url(../images/honor_r.png) no-repeat center}
.honor-list .slider-w .t-slider img{width:auto;margin:0 auto}
.honor-list .slider-w .t-slider h3{font-size:18px}
.honor-list .slider-w .t-slider .slick-dots{display:none!important}
.honor-list .slider-w .t-slider .slick-arrow{width:49px;height:49px}
.honor-list .slider-w .t-slider .slick-prev{left:0;background:url(../images/b_slider_t_l.png) no-repeat center/cover}
.honor-list .slider-w .t-slider .slick-next{right:0;background:url(../images/b_slider_t_r.png) no-repeat center/cover}
.honor-list .slider-w .b-slider{padding:0 37px}
.honor-list .slider-w .b-slider .item{padding:0 .25rem}
.honor-list .slider-w .b-slider .pic{padding-bottom:166%;cursor:pointer}
.honor-list .slider-w .b-slider .pic img{width:auto}
.honor-list .slider-w .b-slider .slick-slide{padding:0 5px}
.honor-list .slider-w .b-slider .slick-current .img::after{border-color:#ed1b24}
.honor-list .slider-w .b-slider .slick-next,.honor-list .slider-w .b-slider .slick-prev{width:17px;height:100%}
.honor-list .slider-w .b-slider .slick-prev{background:url(../images/b_slider_l.png) no-repeat center}
.honor-list .slider-w .b-slider .slick-next{background:url(../images/b_slider_r.png) no-repeat center}

/*.honor-list ul{margin-left:-.14rem}
.honor-list li{padding-left:.14rem;margin-bottom:.16rem}
.honor-list li a:hover h3{color:#fff;background:#2491de}
.honor-list .pic{padding-bottom:76.55172414%}
.honor-list h3{height:52px;line-height:52px;background:#ddd}*/
.honor-list2 .slider{padding-bottom:.8rem}
.honor-list2 .item{padding:0 7px}
.honor-list2 .item a:hover h3{color:#fff;background:#2491de}
.honor-list2 .pic{padding-bottom:142.4137931%}
.honor-list2 h3{height:60px;line-height:60px;background:#ddd;display:none;}
.honor-list2 .slick-arrow{top:inherit;bottom:0;width:50px;height:50px;transform:translateY(0);-webkit-transform:translateY(0)}
.honor-list2 .slick-prev{left:50%;background:url(../images/honor_l.png) no-repeat center/cover;margin-left:-50px}
.honor-list2 .slick-next{right:50%;margin-right:-50px;background:url(../images/honor_r.png) no-repeat center/cover}
.honor-list2 .slick-dots{display:none!important}
.activity ul{margin-left:-.26rem}
.activity li{padding-left:.26rem;margin-bottom:.26rem}
.activity li a:hover h3{color:#fff;background:#2491de}
.activity .imgs{padding-bottom:66.57963446%}
.activity h3{height:90px;line-height:30px;padding:0.1rem .2rem;font-size:16px;}
.museum .edit{font-size:15px;line-height:32px}
.museum .item{padding:0 7px}
.museum .imgs{padding-bottom:66.89655172%}
.museum .slider{padding-bottom:85px}
.museum .slick-arrow{top:inherit;bottom:0;width:50px;height:50px;transform:translateY(0);-webkit-transform:translateY(0)}
.museum .slick-prev{left:50%;background:url(../images/honor_l.png) no-repeat center/cover;margin-left:-50px}
.museum .slick-next{right:50%;margin-right:-50px;background:url(../images/honor_r.png) no-repeat center/cover}
.museum .slick-dots{display:none!important}
.notice li a{padding:.42rem 0 .42rem 53px;border-bottom:1px solid #d3d3d3;background:url(../images/notice_icon.png) no-repeat left center}
.notice li a:hover h3{color:#2491de;text-decoration:none}
.notice .date,.notice h3{font-size:18px}
.notice h3{width:calc(100% - 110px)}
.news-list .sliders a:hover h3{color:#2491de;text-decoration:none}
.news-list .sliders .img{width:373px;height:248px}
.news-list .sliders .info{width:calc(100% - 373px);padding:.42rem}
.news-list .sliders h3{font-size:18px}
.news-list .sliders .els2{height:90px;line-height:30px;-webkit-line-clamp:3}
.news-list .sliders .slick-arrow{width:61px;height:61px}
.news-list .sliders .slick-prev{left:1%;background:url(../images/news_l.png) no-repeat center/cover}
.news-list .sliders .slick-next{right:1%;background:url(../images/news_r.png) no-repeat center/cover}
.news-list .sliders .slick-dots{display:none!important}
.news-list .list{margin-left:-.3rem}
.news-list .list li{padding-left:.3rem}
.news-list .list li a{padding:.2rem 0;border-bottom:1px solid #e9e9e9}
.news-list .list li a:hover .date em{color:#fff;background:#2491de}
.news-list .list li a:hover h3{color:#2491de}
.news-list .list .date{width:65px;background:#f0f0f0}
.news-list .list .date em{height:50px;line-height:50px;font-size:22px}
.news-list .list .date span{height:23px;line-height:23px}
.news-list .list .info{width:calc(100% - 90px)}
.news-info .head{border-bottom:1px solid #e5e5e5}
.news-info h3{font-size:24px}
.news-info .page{border-top:1px solid #e5e5e5}
.news-info .page .link a{font-size:16px;height:36px;line-height:36px}
.news-info .page .link a:hover{color:#2491de;text-decoration:none}
.news-info .page .btn{width:148px}
.news-info .page .btn a{height:50px;line-height:48px;border:2px solid #ddd}
.news-info .page .btn a:hover{color:#fff;border-color:#2491de;background:#2491de}
.join-list li{border:1px solid #e6e6e8;border-radius:5px;margin-bottom:.2rem;background:#fff;}
.join-list li.cur .head{background:#efefef}
.join-list li.cur .head h3{color:#2491de}
.join-list li.cur .btn{transform:rotate(180deg);-webkit-transform:rotate(180deg)}
.join-list .head{padding:.29rem 50px .29rem .35rem;cursor:pointer}
.join-list .btn{top:0;right:0;width:50px;height:100%;background:url(../images/join_icon.png) no-repeat center}
.join-list .edit{padding:.35rem}
.international .img{width:calc(100% - 452px)}
.international .info{width:452px;padding:.4rem .5rem}
.international .info h3{font-size:22px}
.responsibility .txt{font-size:18px;line-height:42px}
.responsibility .txt em{font-size:22px;font-weight:bold;}
.responsibility ul{margin-left:-.2rem}
.responsibility li{padding-left:.2rem;margin-bottom:.3rem}
.responsibility .imgs{padding-bottom:66.49350649%}
.responsibility h3{padding:.25rem .1rem}
.production .item1 .info{width:48.4%}
.production .item1 .info h3{font-size:30px}
.production .item1 .info h3::after{position:absolute;content:'';left:0;bottom:0;width:48px;height:3px;background:#2491de}
.production .item1 .sliders-w{width:42.6%}
.production .item1 .slick-arrow{width:13px;height:22px}
.production .item1 .slick-prev{left:2%;background:url(../images/production_l.png) no-repeat center/cover}
.production .item1 .slick-next{right:2%;background:url(../images/production_r.png) no-repeat center/cover}
.production .item1 .slick-dots{display:none!important}
.production .item2 .info-w{background:rgba(0,0,0,.5)}
.production .item2 .info{padding:8.4% 9%}
.production .item2 h3{font-size:30px}
.production .item2 h3::after{position:absolute;content:'';left:0;bottom:0;width:48px;height:3px;background:#2491de}
.market .txt{font-size:18px;line-height:42px}
.market .txt em{font-size:26px;color:#68b4e9}
.market .con-l{width:460px}
.market .con-r{width:calc(100% - 522px)}
.pro .item1 .info{padding:4% 5%}
.pro .item1 h3 em{font-size:22px}
.pro .item1 h3 span{color:#878787}
.pro .item1 ul{margin-left:-.1rem}
.pro .item1 li{padding-left:.1rem;margin-bottom:.1rem}
.pro .item1 li a{border:1px solid #dbdbdb}
.pro .item1 li a:hover{color:#fff;background:#2491de;border-color:#2491de}
.pro .item1 li .els{height:48px;line-height:48px}
.pro .item1 .pic .slick-arrow{width:41px;height:41px}
.pro .item1 .pic .slick-prev{left:.3rem;background:url(../images/pro_l.png) no-repeat center/cover}
.pro .item1 .pic .slick-next{right:.3rem;background:url(../images/pro_r.png) no-repeat center/cover}
.pro .item1 .pic .slick-dots{display:none!important}
.pro .item2 h2 em{font-size:30px}
.pro .item2 h2 span{font-size:18px}
.pro .item2 .slider{padding:.6rem 0}
.pro .item2 .slider .items{padding:0 .07rem}
.pro .item2 .slider .imgs{padding-bottom:110.38961039%}
.pro .item2 .slider .info{padding:.14rem .21rem;border:1px solid #ddd}
.pro .item2 .slider h3{font-size:18px}
.pro .item2 .slider .slick-dots{bottom:0}
.investment .con-l,.investment .con-r{height:354px}
.investment .con-l{width:calc(100% - 404px);padding:4%}
.investment .con-r{width:393px;padding:4%}
.investment h3{font-size:22px}
.investment .more{width:100px;height:40px;line-height:40px;border-bottom:1px solid #fff}
.investment .item1{margin-bottom:12px}
.investment .item1 .sliders{padding-bottom:60px}
.investment .item1 .slick-arrow{top:inherit!important;bottom:0;width:32px;height:32px;transform:translateY(0);-webkit-transform:translateY(0)}
.investment .item1 .slick-prev{background:url(../images/investment_l.png) no-repeat center/cover}
.investment .item1 .slick-prev:hover{background:url(../images/investment_ls.png) no-repeat center/cover}
.investment .item1 .slick-next{left:32px;right:0;background:url(../images/investment_r.png) no-repeat center/cover}
.investment .item1 .slick-next:hover{background:url(../images/investment_rs.png) no-repeat center/cover}
.investment .item1 .slick-dots{display:none!important}
.investment .item1 .list a{position:relative;padding-left:15px;height:30px;line-height:30px}
.investment .item1 .list a::after{position:absolute;content:'';left:0;top:50%;width:5px;height:5px;border-radius:50%;background:#fff;transform:translateY(-50%);-webkit-transform:translateY(-50%)}
.investment .item1 .list a:hover{text-decoration:none}
.investment .item2 .con-r em{font-size:22px;padding-bottom:20px}
.investment .item2 .con-r em::after{position:absolute;content:'';left:0;bottom:0;width:31px;height:3px;background:#69b5ea}
.investment .item2 .con-r i{font-size:36px;color:#e50808}
.slick-dots div.slick-active,.slick-dots div:focus,.slick-dots div:hover{background:#2491de}
.in-page{color:#888}
.in-page a,.in-page span{padding:.08rem .15rem;border:1px solid #e8e8e8}
.in-page a{margin-bottom:5px}
.in-page a.cur,.in-page a:hover{color:#fff;border-color:#2491de;background:#2491de}
.tab-head li{cursor:pointer}
.tab-body li{visibility:hidden;opacity:0;height:0;overflow:hidden;transition:all .3s;-webkit-transition:all .3s}
.tab-body li.cur{visibility:visible;opacity:1;height:inherit}
.edit{overflow:hidden}
.edit span{display:inline}
.edit img{/*width:auto!important;height:auto!important*/padding-right:40px}
.fix-wrap{display:none;z-index:999;position:fixed;background:rgba(0,0,0,.8)}
.fix-wrap,.fix-wrap svg{top:0;left:0;width:100%;height:100%}
.fix-wrap .hide,.fix-wrap circle{transition:all .8s;-webkit-transition:all .8s}
.fix-wrap .hide{position:fixed;top:5%;right:5%;width:49px;height:49px;border-radius:50%;cursor:pointer;overflow:hidden;background:0 0}
.fix-wrap .hide::after,.fix-wrap .hide::before{z-index:1;position:absolute;content:'';top:50%;left:50%;width:1px;height:50%;margin-top:-25%;background:#fff}
.fix-wrap .hide::before{transform:rotate(45deg);-webkit-transform:rotate(45deg)}
.fix-wrap .hide::after{transform:rotate(-45deg);-webkit-transform:rotate(-45deg)}
.fix-wrap .hide:hover{transform:rotate(-180deg);-webkit-transform:rotate(-180deg)}
.fix-wrap .hide:hover circle{fill:none;stroke-dasharray:145}
.fix-wrap svg{position:absolute}
.fix-wrap circle{stroke-dasharray:0 145}
.fix-video .video-wrap{min-width:55%;max-width:55%;margin:0 auto}
.fix-video video{width:100%;height:100%;padding:10px;border-radius:5px;border:1px solid #3a3a3a;box-shadow:0 0 5px rgba(0,0,0,.5);background:#2d2d2d;object-fit:cover;animation:ReturnToNormal .5s both;-webkit-animation:ReturnToNormal .5s both}
.fix-pic{overflow:auto}
.fix-pic img{max-height:100%;animation:zoomIn .5s both;-webkit-animation:zoomIn .5s both}
.fix-pics{background:rgba(0,0,0,.7)}
.fix-pic-slider{color:#fff}
.fix-pic-slider .item{position:relative;width:100%;height:100vh;cursor:grab;cursor:-webkit-grab;background-color:transparent}
.fix-pic-slider .item:active{cursor:grabbing;cursor:-webkit-grabbing}
.fix-pic-slider .item::after{position:absolute;content:'';z-index:-1;top:0;right:0;bottom:0;left:0;margin:auto;width:50px;height:50px;border-radius:5px;box-shadow:0 0 10px rgba(255,255,255,.1);background:rgba(255,255,255,.9)}
.fix-pic-slider em,.fix-pic-slider img{position:absolute;left:0;bottom:0}
.fix-pic-slider img{top:0;right:0;margin:auto;width:auto;height:auto;max-width:100%;max-height:100%;object-fit:inherit}
.fix-pic-slider em{width:100%;line-height:25px;font-weight:700;text-align:center;font-size:16px;padding:10px;box-shadow:0 0 10px rgba(255,255,255,.1);background:rgba(0,0,0,.7)}
.fix-pic-slider .slick-arrow{width:45px;height:45px;border-radius:5px;box-shadow:0 0 5px rgba(255,255,255,.1);background:rgba(0,0,0,.3);transform:translateY(-50%);-webkit-transform:translateY(-50%);transition:all .5s;-webkit-transition:all .5s}
.fix-pic-slider .slick-arrow::after{position:absolute;content:'';top:50%;border:solid #fff;padding:6px}
.fix-pic-slider .slick-arrow:hover{background:rgba(0,0,0,.9)}
.fix-pic-slider .slick-prev{left:1%;animation:slideInLeft .5s both;-webkit-animation:slideInLeft .5s both}
.fix-pic-slider .slick-prev::after{left:50%;border-width:0 1px 1px 0;transform:translateX(-25%) translateY(-50%) rotate(135deg);-webkit-transform:translateX(-25%) translateY(-50%) rotate(135deg)}
.fix-pic-slider .slick-next{right:1%;animation:slideInRight .5s both;-webkit-animation:slideInRight .5s both}
.fix-pic-slider .slick-next::after{right:50%;border-width:1px 0 0 1px;transform:translateX(25%) translateY(-50%) rotate(135deg);-webkit-transform:translateX(25%) translateY(-50%) rotate(135deg)}
.fix-pic-slider .slick_page{position:absolute;top:0;left:0;padding:15px;font-size:16px;font-weight:700}
.fix-pic-slider .slick_page i{font-size:22px}
.fix-pic-slider .slick_page div{display:none}
.fix-pic-slider .slick_page div.slick-active{display:block}
@media (max-width:1400px){
nav ul li{margin:0 8px}
}
@media (max-width:1200px){
.mauto{max-width:92%}
}
@media (max-width:1024px){
.md-db{display:block!important}
.md-12{width:100%}
body{padding-top:70px!important}
header{height:70px}
.header-m{left:0;top:0;width:100%;height:70px}
.header-m::after{display:none;position:fixed;content:'';top:70px;left:0;width:100%;height:100%;background:rgba(0,0,0,.5)}
.header-m .logo{position:absolute;left:50%;line-height:70px;transform:translateX(-50%);-webkit-transform:translateX(-50%)}
.header-m .logo img{max-height:40px}
.header-m .m-menu-b{display:block;position:absolute;top:0;left:0;width:60px;height:70px;cursor:pointer}
.header-m .m-menu-b::after,.header-m .m-menu-b::before{position:absolute;content:'';top:50%;left:calc(35px / 2);width:25px;height:1px;z-index:999;transition:all .3s ease-out .3s;-webkit-transition:all .3s ease-out .3s;background:#222}
.header-m .m-menu-b::before{transform:translateY(-4px) rotate(0);-webkit-transform:translateY(-4px) rotate(0)}
.header-m .m-menu-b::after{transform:translateY(4px) rotate(0);-webkit-transform:translateY(4px) rotate(0)}
.header-m .m-menu{display:none;z-index:888;position:fixed;width:100%;width:260px;height:100%;top:0;left:-260px;opacity:1;background:#fafafa;text-align:left;padding-top:70px}
.header-m .m-menu::after{position:absolute;top:70px;content:'';width:100%;height:1px;background:#ebebeb}
.header-m .nav{height:calc(100% - 82px);overflow-x:hidden;overflow-y:auto}
.header-m .nav>li{border-bottom:1px solid #ebebeb;animation:resize .5s both;-webkit-animation:resize .5s both}
.header-m .nav>li>a{position:relative;display:block;width:100%;font-size:15px;padding:0 40px;color:#666;vertical-align:middle;text-overflow:ellipsis;white-space:nowrap;word-wrap:break-word;overflow:hidden;height:50px;line-height:50px}
.header-m .nav>li>a::after{position:absolute;left:20px;top:50%;margin-top:-5px;content:'';width:8px;height:8px;border:1px solid #999;border-radius:50%;background:0 0;transition:all .3s;-webkit-transition:all .3s}
.header-m .nav>li .sub-nav{display:none}
.header-m .nav>li .sub-nav a{position:relative;display:block;line-height:24px;padding:12px 40px;background:#f2f2f2;color:#4e4e4e}
.header-m .nav>li .sub-nav a::after,.header-m .nav>li .sub-nav a::before{position:absolute;content:'';width:0;height:0;left:20px;top:20px;border:5px solid transparent;overflow:hidden;transition:all .3s;-webkit-transition:all .3s}
.header-m .nav>li .sub-nav a::before{left:21px;border-left:5px solid #555}
.header-m .nav>li .sub-nav a::after{border-left:5px #ebebeb solid}
.header-m .nav>li.cur{position:relative}
.header-m .nav>li.cur::after,.header-m .nav>li.cur::before{position:absolute;content:'';background:#999;transition:all .5s;-webkit-transition:all .5s}
.header-m .nav>li.cur::before{top:19px;right:25px;width:2px;height:12px}
.header-m .nav>li.cur::after{top:24px;right:20px;width:12px;height:2px}
.header-m .nav>li.active::after{background:#fff}
.header-m .nav>li.active::before{height:0}
.header-m .nav>li.active>a{color:#fff;background:#2491de}
.header-m .nav>li.active>a::after{border-color:#fff;background:#fff}
.header-m .nav>li.active .sub-nav li{animation:ReturnToNormal .5s both;-webkit-animation:ReturnToNormal .5s both}
.header-m .m-language{position:absolute;left:0;bottom:0;width:100%;text-align:center}
.header-m .m-language a{color:#666;height:40px;line-height:40px;font-size:16px;display:block;border-bottom:1px solid #ebebeb;animation:slideInUp 1.5s both;-webkit-animation:slideInUp 1.5s both}
.header-m .m-search-b{display:block;position:absolute;top:0;right:0;width:40px;height:70px;cursor:pointer;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAMAAAAp4XiDAAAAVFBMVEUAAABVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVW+WkCdAAAAG3RSTlMA86cS1Qd0zb+G48R+W0E4lVIhm5BKLeppGrQHXWddAAABjklEQVRIx6VV2XLDIAzkBgdf8d3o//+zg6GtB5DiTPfNi1cCrTRiV8i1Fc5aJ0yv2R30gsMv9mV7K9hekGGWtMJACf6kFOLnLyvGWShIaHCFgxOu+4rfk7GRWegcqr9y3X6SLfUOkbHSn3RfU0zx2khyrrGHiFowhcQaznewGuTpraynH4hXmpzVIZJnCELZbE6uIRBqcxNOv0oyVAXBUAsostTFtUs7fVHhos5zxoVmGunuE/+XuHcXKyOKzPvC/9LLNlYeQZ+KXFb+wCRztclCakXZ4gp6DIG6umSpn02AtswWj5Dhs+i4HNiFQZQKhQ/fEwLslJVyD+xDElMB3OhLisBRLi/x/NH0Mm6AmUOCwmxuIYEr7xWHC3ZsBawPKJAoPmBGNzwTdHqBiBXtWmP/9oTrdKpLbAAU07MdxdyYVWZr52D3cQBQGwD3GRl2asrKjqKxpVK+PtBMySCv72ukSs0j72u0T/ZO7D5eyWKk4bCtja5bakDQhUcPiGcfwMQSsE/QVbctjcFZw74Bhtc3xlH5qhwAAAAASUVORK5CYII=) no-repeat left center;background-size:23px}
html.active{height:100%;overflow:hidden}
html.active body{height:100%;overflow:hidden}
html.active .header-m{left:260px}
html.active .header-m::after{display:block}
html.active .header-m .m-menu-b::after,html.active .header-m .m-menu-b::before{background:#000}
html.active .header-m .m-menu-b::before{transform:translateY(0) rotate(225deg);-webkit-transform:translateY(0) rotate(225deg)}
html.active .header-m .m-menu-b::after{transform:translateY(0) rotate(-225deg);-webkit-transform:translateY(0) rotate(-225deg)}
html.active .header-m .m-menu{display:block;left:0}
html.active .banner,html.active .i-banner,html.active footer,html.active main{transform:translateX(260px);-webkit-transform:translateX(260px)}
footer .copyright{margin-top:.2rem}
}
@media (max-width:767px){
.i-banner .sm-db{display:block!important}
.i-tt1 a{margin:0 .1rem}
.i-guide .item{height:3.6rem;padding:6%}
.banner{height:3rem}
.main-nav-p{display:none}
.main-nav-m{display:block;position:relative;z-index:1;cursor:pointer}
.main-nav-m .title{position:relative;height:45px;line-height:45px;padding:0 10px;background:#2491de}
.main-nav-m .title strong{color:#fff;font-size:16px;font-weight:700}
.main-nav-m .title i{position:absolute;content:'';width:45px;height:100%;right:0}
.main-nav-m .title i::after,.main-nav-m .title i::before{position:absolute;top:50%;content:'';width:12px;height:1px;background:#fff;transition:all .3s;-webkit-transition:all .3s}
.main-nav-m .title i::before{left:46%;transform:rotate(40deg) scaleY(1.5);-webkit-transform:rotate(40deg) scaleY(1.5)}
.main-nav-m .title i::after{right:46%;transform:rotate(-40deg) scaleY(1.5);-webkit-transform:rotate(-40deg) scaleY(1.5)}
.main-nav-m .title.active i::before{transform:rotate(-40deg) scaleY(1.5);-webkit-transform:rotate(-40deg) scaleY(1.5)}
.main-nav-m .title.active i::after{transform:rotate(40deg) scaleY(1.5);-webkit-transform:rotate(40deg) scaleY(1.5)}
.main-nav-m ul{display:none;position:absolute;top:45px;width:100%;padding:0 10px;background:rgba(36,145,222,.8);color:#fff}
.main-nav-m ul li{animation:ReturnToNormal .5s both;-webkit-animation:ReturnToNormal .5s both}
.main-nav-m ul li a{display:block;height:45px;line-height:45px;border-bottom:1px solid rgba(255,255,255,.55)}
.main-sub-nav{margin-left:-.2rem}
.main-sub-nav li{padding-left:.2rem}
.main-sub-nav li a{height:50px;line-height:50px}
.investment .con-l,.investment .con-r{padding:8%;height:5.5rem}
.fix-video .video-wrap{max-width:90%}
}
@keyframes resize{
60%,75%,90%,from,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}
0%{opacity:0;transform:scale(5,5)}
100%{opacity:1;transform:scale(1,1)}
}
@-webkit-keyframes resize{
60%,75%,90%,from,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1)}
0%{opacity:0;-webkit-transform:scale(5,5)}
100%{opacity:1;-webkit-transform:scale(1,1)}
}
@keyframes ReturnToNormal{
from{opacity:0;transform-origin:right bottom;transform:rotate3d(0,0,1,45deg)}
to{opacity:1;transform-origin:right bottom;transform:none}
}
@-webkit-keyframes ReturnToNormal{
from{opacity:0;-webkit-transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,45deg)}
to{opacity:1;-webkit-transform-origin:right bottom;-webkit-transform:none}
}