@charset "utf-8";
/* CSS Document */
*{ margin:0; padding:0; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
body, div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,blockquote,p { margin:0; padding:0; font:14px/1.5 Arial,\5FAE\8F6F\96C5\9ED1,Helvetica,sans-serif;}
table,td,tr,th { border-collapse: collapse; border-spacing: 0; font-size:14px;}
ol,ul {list-style:none;}
li { list-style-type:none;}
img { vertical-align:middle;border:0;}
h1,h2,h3,h4,h5,h6 { font-size:inherit; font-weight:normal;}
address,cite,code,em,th,i { font-weight:normal; font-style:normal;}
.clear { clear:both; *zoom:1;}
.clear:after { display:block; overflow:hidden; clear:both; height:0; visibility:hidden; content:".";}
a {text-decoration:none;}
a:visited { text-decoration:none;}
a:hover { text-decoration:none;}
a:active { text-decoration:none;}
.fl { float:left;}
.fr { float:right;}

input::-webkit-input-placeholder { color: #aaa;}
input::-moz-placeholder { color:#aaa;}
input:-ms-input-placeholder { color:#aaa;}

/* 设置滚动条的样式 */
::-webkit-scrollbar { width:0;}/* 滚动槽 */
::-webkit-scrollbar-track { background-color:#f0f0f0; border-radius:0px;}/* 滚动条滑块 */
::-webkit-scrollbar-thumb { background-color:#ccc;}
::-webkit-scrollbar-thumb:window-inactive { background-color:#ccc;}

/*ly_Top*/
.ly_Top { width:100%; height:80px; margin:0 auto; padding:10px 80px; background-color:#0a94ff; position:absolute; top:0; z-index:9999; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
.ly_Top .lyTop_Left { width:auto; height:60px; overflow:hidden; margin:0; padding:0; float:left;}
.lyTop_Left a { display: table-cell; vertical-align: middle; width:100%; height:60px; overflow:hidden; margin:0; padding:0;}
.lyTop_Left a img { display:inline-block; max-width:100%; height:auto; max-height:100%; margin:0; padding:0;}
.ly_Top .lyTop_Right { padding:10px 0; float:right;}
.ly_Top .lyTop_Right a { display:block; width:auto; height:40px; line-height:40px; color:#0a94ff; font-size:16px; text-align:center; margin:0; padding:0 20px; background-color:#fff; border-radius:6px;}
.ly_Top .lyTop_Right a img { display:inline-block; width:20px; height:20px; vertical-align:middle; margin:-4px 0 0 10px; padding:0;}

.ly_Btn { display:none; width:100%; position:absolute; left:0; bottom:60px; z-index:9998;}
.ly_Btn a { display:block; width:180px; height:48px; line-height:48px; color:#fff; font-size:18px; text-align:center; margin:0 auto; padding:0; background:url(../images/bg1.jpg) center center no-repeat; background-size:100% 100%; border-radius:0 24px; transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s;}
.ly_Btn a i { display:inline-block; width:20px; height:20px; vertical-align:middle; margin:-4px 0 0 10px; padding:0; background:url(../images/ico2.png) center center no-repeat; background-size:100% 100%;}
.ly_Btn:hover a { border-radius:24px 0;}

/*ly_Head*/
.ly_Head { width:300px; height:60px; overflow:hidden; margin:0 0 0 -150px; padding:0; position:absolute; left:50%; top:40px; z-index:9998; display:none !important;}
.ly_Head a { display:block; width:100%; height:100%; overflow:hidden; margin:0 auto; padding:0; background:url(../images/HeadTitle2.png) center top no-repeat; background-size:100% 100%;}
.ly_Head.on a { background:url(../images/HeadTitle1.png) center top no-repeat; background-size:100% 100%;}

/*ly_Left*/
.ly_Left { width:auto; height:600px; margin:-300px 0 0 0; padding:0; position:absolute; left:80px; top:50%; z-index:9998; display:none;}
.ly_Left.hide { display:none;}
.ly_Left em.lyLeft_Line { width:1px; height:100%; overflow:hidden; margin:0; padding:0; background-color:rgba(0,0,0,0.1); position:absolute; left:91px; top:0;}
.ly_Left .lyLeft_Title { width:93px; height:240px; overflow:hidden; margin:-120px 0 0; padding:30px 50px 30px 10px; color: #fff; font-size: 20px; font-weight: bold; writing-mode: vertical-rl; letter-spacing: 1px; border-right:3px solid #0a94ff; background:url(../images/home_left_launched_titlebg.png) left center no-repeat; position:absolute; left:0; top:50%; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}

#menu { height:auto; max-height:600px; position:absolute; left:50px; top:50%; transform:translateY(-50%); -moz-transform:translateY(-50%); -ms-transform:translateY(-50%); -o-transform:translateY(-50%); -webkit-transform:translateY(-50%);}
#menu li { margin:5px 0; align-items:center; display:flex; flex-wrap:wrap; position:relative;}
#menu li p { width:150px; height:40px; line-height:40px; color:#fff; font-size:15px; margin:0; padding:0; background:none; border-radius:6px 0 0 6px; transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s;}
#menu li a { display:block; width:0; height:40px; overflow:hidden; line-height:40px; color:#fff; font-size:15px; white-space:nowrap; text-overflow:ellipsis; margin:0; padding:0; background:rgba(10,148,255,0.9) url(../images/line1.png) left center no-repeat; border-radius:0 6px 6px 0; position:absolute; left:150px; top:0; transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
#menu li.active p { color:#0a94ff; font-weight:bold;}
#menu li:hover a { width:auto; max-width:320px; padding:0 15px;}
#menu li:hover p { color:#fff; background-color:rgba(10,148,255,0.9);}

/*ly_Roll*/
.ly_Roll { width:46px; height:auto; overflow:hidden; margin:0; padding:0; position:fixed; right:50px; bottom:80px; z-index:9998;}
.ly_Roll .rollup, .ly_Roll .rolldown { width:46px; height:46px; overflow:hidden; margin:20px auto; padding:0; cursor:pointer; transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s;}
.ly_Roll .rollup { background:url(../images/home_roll_up1.png) center center no-repeat; background-size:100% 100%;}
.ly_Roll .rolldown { background:url(../images/home_roll_down1.png) center center no-repeat; background-size:100% 100%;}
.ly_Roll .rollup:hover { background:url(../images/home_roll_up2.png) center center no-repeat; background-size:100% 100%;}
.ly_Roll .rolldown:hover { background:url(../images/home_roll_down2.png) center center no-repeat; background-size:100% 100%;}

.section0{ overflow:hidden;}
.myContent { width:100%; height:100%; overflow:hidden; margin:0 auto; padding:0; position:relative;}

/*lyImg*/
.lyImg { width:100%; height:100%; overflow:hidden; margin:0 auto; padding:0;}
.lyImg a { display:block; width:100%; height:100%; overflow:hidden; margin:0 auto; padding:0; position:relative;}
.lyImg a img { display:block; width:100%; height:100%; overflow:hidden; object-fit:cover; margin:auto; padding:0; position:absolute; left:0; top:0; right:0; bottom:0;}

.lyLogo { width:100%; max-width:1200px; height:auto; text-align:center; margin:0; padding:0; position:absolute; z-index:222; left:50%; bottom:100px; transform:translateX(-50%); -moz-transform:translateX(-50%); -ms-transform:translateX(-50%); -o-transform:translateX(-50%); -webkit-transform:translateX(-50%);}
.lyLogo a { display:inline-block; width:210px; height:60px; overflow:hidden; margin:10px 5px 0; padding:0; background-color:#fff; border-radius:4px; position:relative;}
.lyLogo a img { display:block; max-width:100%; max-height:100%; margin:auto; padding:0; position:absolute; left:0; top:0; right:0; bottom:0;}
.lyLogo a i { display:block; width:100%; height:60px; overflow:hidden; line-height:40px; color:#fff; font-size:14px; text-align:center; white-space:nowrap; text-overflow:ellipsis; background-color: rgba(228,34,43,.9); margin:0; padding:10px; position:absolute; left:0; top:100%; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; transition: all 0.3s; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s;}
.lyLogo a:hover i { top:0;}


/*进度条*/
.progress-container {
    display:table; position: fixed; bottom: 20px; width: 10%; left: calc(50% - 5%); z-index: 100; display:none;
}
.progress-container .progress-box,.progress-container .progressbar-text {
    display:table-cell; vertical-align:middle;
}
.progress-container .progress-box {
    width: 1%; height:5px; position:relative;
}
.progress-container .progress-box .progress-bar {
    height:inherit; background-color:#E5E9F2;
}
.progress-container .progress-box .progress-bar:after {
    content:" "; z-index:-1; width:100%; height:inherit; left:0; position:absolute; background-color:rgba(0, 0, 0, 0.42);
}
.progress-container .progress-box .progress-bar,.progress-container .progress-box .progress-bar:after {
    -webkit-border-radius:50%; -moz-border-radius:999rem; border-radius:999rem;
}

@media (max-width:1680px) {

}
@media (max-width:1600px) {
	#fp-nav ul li, .fp-slidesNav ul li { margin:15px auto;}
}
@media (max-width:1560px) {

}
@media (max-width:1440px) {
	.ly_Top { height:80px; padding:15px 40px;}
	.ly_Top .lyTop_Left { height:50px;}
	.lyTop_Left a { height:50px;}
	.ly_Top .lyTop_Right { padding:5px 0;}
	.ly_Top .lyTop_Right a { height:40px; line-height:40px; font-size:16px; padding:0 20px;}
	
	.ly_Head { width:250px; height:50px; margin:0 0 0 -125px;}
	
	.ly_Left { height: 480px; margin: -240px 0 0 0; left:40px;}
	.ly_Left em.lyLeft_Line { left:71px;}
	.ly_Left .lyLeft_Title { width:73px; padding:30px 30px 30px 10px;}
	#menu { left:92px;}
	
	.ly_Roll { right:40px; bottom:25px;}
	.ly_Roll .rollup, .ly_Roll .rolldown { margin:15px auto;}
	#fp-nav.fp-right { right:40px!important;}	
	#fp-nav ul li, .fp-slidesNav ul li { margin:10px auto;}
	
	.lyLogo { width:76%; bottom:60px;}
	.lyLogo a { width:150px; height:50px; margin:6px 3px 0;}
	.lyLogo a i { height:50px; padding:5px 10px;}
}
@media (max-width:1366px) {
	.fp-section.fp-table, .fp-slide.fp-table, .fp-tableCell { height:auto!important;}
	.lyLogo { bottom:50px;}
	.lyImg { height:auto;}
	.lyImg a img{ position:static;}
}
@media (max-width:1280px) {
	.ly_Btn { bottom:40px;}
	.ly_Btn a { width:160px; height:40px; line-height:40px; font-size:16px; border-radius:0 20px;}
	.ly_Btn:hover a { border-radius:20px 0;}
	.ly_Head { top:30px;}
	
	.lyLogo { width:72%;}
	.lyLogo a { width:130px;}
}
@media (max-width:1200px) {
	
	.ly_Left { width:auto; height:320px; margin:0 auto; padding:40px; background-color:#404040; position:inherit; left:inherit; top:inherit; z-index:9998; display:none!important; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
	.ly_Left em.lyLeft_Line { display:none;}
	.ly_Left .lyLeft_Title { width:93px; height:240px; overflow:hidden; margin:0; padding:30px 50px 30px 10px; color: #fff; font-size: 24px; font-weight: bold; writing-mode: vertical-rl; letter-spacing: 4px; border-right:3px solid #0a94ff; background:url(../images/home_left_launched_titlebg.png) left center no-repeat; position:inherit; left:inherit; top:inherit; float:left;}
	
	#menu { width:100%; height:auto; max-height:540px; position:inherit; left:inherit; top:inherit; transform:inherit; -moz-transform:inherit; -ms-transform:inherit; -o-transform:inherit; -webkit-transform:inherit; float:right;}
	#menu li { height:40px; margin:10px 0; padding:0 0 0 140px; align-items:inherit; display: block; flex-wrap:inherit; position:relative; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
	#menu li p {height:40px; line-height:40px; color:#999;text-align:center; margin:0; padding:0; background:none; border-radius:6px 0 0 6px; position:absolute; left:0; top:0; transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s;}
	#menu li a { display:block; width:100%; height:40px; overflow:hidden; line-height:40px; color:#fff;white-space:nowrap; text-overflow:ellipsis; margin:0; padding:0 20px; border-radius:0 6px 6px 0; position:absolute;top:0; transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
	#menu li.active p { color:#0a94ff;}
	#menu li:hover a { background:rgba(10,148,255,0.9) url(../images/line1.png) left center no-repeat;}
	#menu li:hover p { color:#fff; background-color:rgba(10,148,255,0.9);}
	
	.ly_Head a,.ly_Head.on a{background-size: 80% 80%;}
	
	.lyLogo { width:80%; bottom:50px;}
	.lyLogo a { width:130px; height:44px; margin:4px 2px 0;}
	.lyLogo a i { height:44px; padding:2px 5px;}
}
@media (max-width:1080px) {
	.lyLogo { width:90%; bottom:40px;}
}
@media (max-width:1024px) {
    .lyLogo a { width:120px;}
}
@media (max-width:900px) {
	.lyLogo a { width:100px;}
}
@media (max-width:800px) {
	.ly_Head { width:200px; height:40px; margin:0 0 0 -100px;}
	
	.lyLogo { width:94%; bottom:30px;}
	.lyLogo a { width:108px; height:40px; margin:4px 2px 0;}
	.lyLogo a i { height:40px; padding:0 5px;}
	
	.ly_Roll { right:20px; bottom:25px;}
	#fp-nav.fp-right { right:20px!important;}
}
@media (max-width: 767px) {
	.ly_Top { height:80px; padding:15px 20px;}
	
	.ly_Btn { bottom:15px;}
	.ly_Btn a { width:80px; height:26px; line-height:26px; font-size:12px; border-radius:5px;}
	.ly_Btn:hover a { border-radius:16px 0;}
	.ly_Btn a i { width:16px; height:16px; display:none;}
	
	.ly_Head { width:160px; height:32px; margin:0 0 0 -80px; top:10px;}	
	
	#myContainer { margin:0 auto;}
	.ly_Roll { right:20px; bottom:10px; display:none!important;}
	.ly_Roll .rollup, .ly_Roll .rolldown { margin:10px auto;}
	#fp-nav.fp-right { display:none!important;}
	
	.ly_Head a,.ly_Head.on a{background-size: 70% 70%;}
	
	.lyLogo { width:96%; bottom:10px;}
	.lyLogo a { width:70px; height:24px; margin:0;}
	.lyLogo a i { height:24px; line-height:20px; font-size:12px; padding:2px 5px; display:none;}
}
@media (max-width: 375px) {
	.ly_Top { height:60px; padding:10px 20px;}
	.ly_Top .lyTop_Left { height:40px;}
	.lyTop_Left a { height:40px;}
	.ly_Top .lyTop_Right { padding:0;}
	.ly_Top .lyTop_Right a { height:40px; line-height:40px; font-size:16px; padding:0 10px;}	
	
	#myContainer { margin:0 auto;}
	#fp-nav.fp-right { right:0!important;}
	#fp-nav ul li, .fp-slidesNav ul li { margin:10px auto!important;}
	.ly_Roll { width:40px; right:10px;}
	.ly_Roll .rollup, .ly_Roll .rolldown { width:40px; height:40px;}
	
	.lyLogo a { width:50px; height:22px; margin:0;}
}
@media (max-width: 320px) {
	.lyImg { height:200px;}
	.ly_Btn { bottom:10px;}
	.lyLogo a { width:44px; height:20px; margin:0;}
}


.mb_ewm { width:160px; height:auto; margin:0; padding:10px; background-color:#0a94ff; position:fixed; left:4px; bottom:4px;}
.mb_ewm .ewm_img { width:140px; height:140px; overflow:hidden; margin:0 auto; padding:0; background-color:#fff; position:relative;}
.ewm_img img { display:block; max-width:100%; max-height:100%; margin:auto; padding:0; position:absolute; left:0; top:0; right:0; bottom:0;}
.mb_ewm p { width:100%; height:20px; overflow:hidden; line-height:20px; color:#fff; font-size:14px; text-align:center; margin:10px auto 0; padding:0;}
.mb_ewm .ewm_close { display:block; width:20px; height:20px; overflow:hidden; margin:0; padding:0; position:absolute; top:-24px; right:0; cursor:pointer;}

@media screen and (max-width:1080px) {
	.mb_r { width:44px;}
	.mb_r ul li { width:44px; height:44px;}
	.mb_r ul li a { width:44px; height:44px;}
	.mb_r ul li span { display:none;}
	.mb_ewm { display:none;}
}

.go_top{ width:40px; height:44px; background:url(../images/gotop.png) center no-repeat; position:fixed; right:80px; bottom:40px;}


.container{ width: 100%; height: 100%;position: absolute; top: 0;left: 0;z-index: 2;}