@charset "utf-8";
/* CSS Document */
body, html {
	width:100%;height:100%;
}
html{font-size:10px;}
@media screen and (max-width: 750px) {
  html {
    font-size: 10px;
    font-size: 1.333333333vw;
  }
}

body{font-family:"Montserrat","微软雅黑", Arial;padding:0px; margin:0px; font-size:2.4rem; background:#020411;}

div,span,h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, form, fieldset, legend, button, input, textarea, th, td{ margin:0; padding:0; list-style:none;vertical-align:baseline;}
.clearfix:after{visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0;}
[v-cloak]{ display:none;}
input{ outline:none; font-size:inherit;}
a { color:#fff; text-decoration:none;}
a:hover { color:#fff;}
img{
	width:auto;
	max-width:100%;
	height:auto;
	border:0 none;
	vertical-align:top;
}
i, em {
	font-style:normal
}

.flex-between {display: flex;align-items: center;justify-content: space-between;}
.flex-center-y {display: flex;align-items: center;}
* {
    box-sizing: border-box;
}
.flex_1{display: flex;flex-direction: column;justify-content: space-between;}
::-webkit-scrollbar {
    width: 0px;
	height:0px;
	background:#efefef;
	border-radius:0px;
}
::-webkit-scrollbar-thumb {
    background: #dddddd;
    scrollbar-arrow-color:#898989;
	border-radius:0px;
}
.app{width:100%; max-width:750px; background:#020411; color:#fff; margin:auto;line-height:1.5; padding:0; font-size:2.4rem;height:auto;display: flex;flex-direction: column;justify-content: space-between; position:relative;}

/*首页*/
.main{ flex:1; overflow:hidden; position:relative;}
.main.page{ background-position:top center; background-repeat:no-repeat; background-size:cover; min-height:667px; display:flex; flex-direction:column;}
.main.autoheight{ min-height:inherit;}
.footer{ text-align:center; padding:1.9rem 2rem 4rem; font-size:2.2rem; border-top:1px rgba(255,255,255,.4) solid; }
.main .bg_pic{ width:100%; height:100%;}
.main .bg_pic img{ width:100%; height:100%; min-height:667px;object-fit: cover;
 object-position: top center;}
.main .container{ padding:10.2rem 6.4rem 12rem; width:100%; left:0px; top:0px;display: flex;flex-direction: column; justify-content:space-between;}
.main.page .container{flex:1;}
.main.pagebox .container{ padding-top:25.4rem;}
.main .container.vcenter{ justify-content:center; padding-bottom:10.2rem;}
.header { position:fixed; height:15.2rem; padding:0 6.4rem; background-color:rgba(3, 28, 48, 0.8); top:0; left:0;width:100%; z-index:100;}
.header .logo img{ width:24.4rem; height:auto;}
.header .menu{ position:relative;width:4.6rem; height:4.6rem; }
.header .menu .icon{ width:4.6rem; height:4.6rem; background-image:url(../images/menu.png); background-repeat:no-repeat; background-position:center center; background-size:cover; display:inline-block; }
.header .menu .sumbit { width:13.6rem; position:absolute; top:100%; right:0px;transition: all .3s ease;-webkit-transition: all .3s ease; z-index:100; visibility:hidden; opacity:0; transform:translateY(20px);-webkit-transform:translateY(20px);transition:all .5s;-webkit-transition:all .5s;}
.header .menu.hover .sumbit { visibility:visible; opacity:1;transform:translateY(0px);-webkit-transform:translateY(0px);}
.header .menu .sumbit ul li{ margin-bottom:1.6rem;}
.header .menu .sumbit ul li a{ display:block;background-color:rgba(50,88,146,0.87); text-align:center; line-height:2.5;}

.foot_menu {display: flex;
    align-items: center;align-items: flex-end; }
.foot_menu .s_left{ flex:1; margin-right:2rem;}
.foot_menu .s_left ul li{ line-height:1.8; font-size:2.6rem;}
.foot_menu .s_right .next{ height:5.6rem; padding-left:2rem; display:flex; align-items:center; color:#ccc; border-radius:.6rem;background:rgba(255, 255, 255, 0.10);border:solid 1px rgba(255, 255, 255, .5);}
.foot_menu .s_right .next:after{content:"";width:5.6rem;height:4rem;background-image:url(../images/chevron-down.png); background-repeat:no-repeat; background-position:center center; background-size:contain;}
.foot_menu .s_right .next.no1{ background-image:url(../images/arrow-uturn-left.png); margin-right:6.3rem; }
.main .adv_1{ margin:2rem 0rem 15rem; overflow:auto;}
.main .vcenter .adv_1{ margin-top:15rem;}
.main .adv_1 .title{ font-size:9.1rem; line-height:1.4; letter-spacing:1px;font-weight: bold; margin-bottom:9.5rem;}
.main .adv_1 .infor{ font-size:2.6rem;}
.main .adv_1.no1 .title{ font-size:6.4rem;}
.main .index_bt{ font-size:3.2rem; font-weight: bold; padding-left:2rem; margin-bottom:10.5rem; position:relative;  }
.main .index_bt:before {
	width: 0.2rem;
	height: 7rem;
	position: absolute;
	left: 0px;
	top: 50%;transform:translateY(-50%);-webkit-transform:translateY(-50%);
	background: #fff;
	content: '';
}
.main .midd_l{overflow:auto;}

/*联系我们*/
.main .contact .contact_bt{ margin-bottom:2.9rem; }
.main .contact .contact_bt .c_name{ font-size:3.2rem; font-weight: bold;letter-spacing:1px;}
.main .contact .contact_bt .eng{ font-size:2rem;}
.main .contact .c_map{ margin-bottom:2.6rem;}
.main .contact .desc{ font-size:2.6rem; line-height:4.7rem;}
.foot_menu .s_right .more{ width:22rem; height:5.6rem;display: flex;
    align-items: center;
	white-space:nowrap;
    justify-content: center; font-size:2.6rem;background:linear-gradient(to bottom,#2746A9,#4398B2,#2E74B4); overflow:hidden;}
.foot_menu .s_right .more img{ height:5.6rem; width:auto; margin-left:1rem;}
.main{}
.main .midd_l.no1{ display: flex; flex-direction: column; position:relative;}
.main .midd_l.no1 .index_bt{ margin-bottom:3.5rem; margin-top:2rem;}
.main .book{ flex:1; overflow:auto;}
.main .book ul li{display: flex;align-items:flex-start; margin-bottom:3.2rem; }
.main .book ul li .pic img{ width:15rem; height:20.7rem;object-fit: cover;object-position: top center;
}
.main .book ul li .content{ flex:1; overflow:hidden; margin-left:2.8rem;}
.main .book ul li .content .title{ margin-bottom:3.2rem;}
.main .book ul li .content .title a{display:block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;-webkit-text-overflow:ellipsis;}
.main .book ul li .content .title a .lab{font-weight: bold; font-size:2.7rem;}
.main .book ul li .content .desc{display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical; overflow:hidden;text-overflow:ellipsis;-webkit-text-overflow:ellipsis; font-size:2.2rem;}
.foot_menu .s_right .next.no1.last{ margin-right:0px;}
.adv_1.spe{ margin-top:15rem;}

.midd_l .main_bt{ font-size:3.4rem; font-weight: bold; margin-top:10.8rem; margin-bottom:5.8rem; display:flex; position:relative; padding-left:2rem;}
.midd_l .main_bt:before {
	width: 0.4rem;
	height: 3.5rem;
	position: absolute;
	left: 0px;
	top: 50%;transform:translateY(-50%);-webkit-transform:translateY(-50%);
	background: #fff;
	content: '';
}
.guidance{ flex:1; overflow:auto; font-size:2.6rem; line-height:4.7rem;}
.guidance p{ margin-bottom:5.4rem;}
.guidance p:last-child{ margin-bottom:0;}
.guidance .blue{ color:#00D3F0;}
.main .adv_1.no1 .title.sml{ font-size:5.6rem;}
.main .adv_1.dance1{margin-top: 13rem;}
.brand_1{ margin-left:-1.6rem; margin-right:-1.6rem; margin-top:2rem; position:relative;}
.brand_1 ul li{ float:left; padding:1.6rem; width:50%; }
.brand_1 ul li img{ width:27rem; height:12rem;}
.xfk_bt{ position:absolute; width:100%; left:0px; bottom:0rem;display: flex;
    align-items: center;
    justify-content: center;}
.xfk_bt span{ width:1.6rem; height:1.6rem; border-radius:50%;background: rgba(217,217,217,0.39); margin:0rem 0.4rem;}
.xfk_bt span.active{ border:1px #fff solid;}
.midd_l .main_bt.no2{ margin-top:6rem;}
.mpage .midd_l .main_bt,
.pagebox .midd_l .main_bt{ margin-top:0;}
.midd_l.no3 .main_bt{ margin-top:0px;}
.bg_pic.scale{
	-webkit-transform:scale3d(1.08, 1.08, 1.08);
	transform:scale3d(1.08, 1.08, 1.08);
}