.bold { font-weight: 700; }
.white_color { color: #fff; }
.grey { background-color: #f2f5f7; }
.fs100 { font-size: 100px; }
.fs80 { font-size: 80px; }
.fs60 { font-size: 60px; }
.fs48 { font-size: 48px; }
.fs46 { font-size: 46px; }
.fs42 { font-size: 42px; }
.fs40 { font-size: 40px; }
.fs36 { font-size: 36px; }
.fs32 { font-size: 32px; }
.fs30 { font-size: 30px; }
.fs28 { font-size: 28px; }
.fs24 { font-size: 24px; }
.fs22 { font-size: 22px; }
.fs20 { font-size: 20px; }
.fs18 { font-size: 18px; }
.fs16 { font-size: 16px; }
.fs14 { font-size: 14px; }
.fs12 { font-size: 12px; }
@media (max-width:1560px) {
	.fs100 { font-size: 80px; }
	.fs80 { font-size: 60px; }
	.fs60 { font-size: 44px; }
	.fs48 { font-size: 40px; }
	.fs46 { font-size: 38px; }
	.fs42 { font-size: 36px; }
	.fs40 { font-size: 34px; }
	.fs36 { font-size: 28px; }
	.fs32 { font-size: 26px; }
	.fs30 { font-size: 24px; }
	.fs28 { font-size: 22px; }
	.fs24 { font-size: 20px; }
	.fs20 { font-size: 18px; }
	.fs22 { font-size: 18px; }
}
@media (max-width:1280px) {
	.fs100 { font-size: 60px; }
	.fs80 { font-size: 48px; }
	.fs60 { font-size: 36px; }
	.fs48 { font-size: 32px; }
	.fs46 { font-size: 30px; }
	.fs42 { font-size: 30px; }
	.fs40 { font-size: 28px; }
	.fs36 { font-size: 26px; }
	.fs32 { font-size: 24px; }
	.fs30 { font-size: 20px; }
	.fs28 { font-size: 20px; }
	.fs24 { font-size: 18px; }
	.fs20 { font-size: 16px; }
	.fs22 { font-size: 16px; }
	.fs18, .fs16 { font-size: 14px; }
}
@media (max-width:1024px) {
	.fs100 { font-size: 40px; }
	.fs80 { font-size: 36px; }
	.fs60 { font-size: 28px; }
	.fs48 { font-size: 24px; }
	.fs46 { font-size: 22px; }
	.fs42 { font-size: 20px; }
	.fs40 { font-size: 18px; }
	.fs36 { font-size: 18px; }
	.fs32 { font-size: 18px; }
	.fs30 { font-size: 16px; }
	.fs28 { font-size: 16px; }
	.fs24 { font-size: 16px; }
	.fs22 { font-size: 14px; }
	.fs20, .fs18, .fs16 { font-size: 14px; }
}
@media (max-width:768px) {
	.fs100 { font-size: 36px; }
	.fs80 { font-size: 30px; }
	.fs60 { font-size: 24px; }
	.fs48 { font-size: 20px; }
	.fs46 { font-size: 20px; }
	.fs42, .fs40 { font-size: 18px; }
	.fs36 { font-size: 16px; }
	.fs32 { font-size: 16px; }
	.fs30 { font-size: 14px; }
	.fs28 { font-size: 14px; }
	.fs24 { font-size: 14px; }
	.fs18, .fs16, .fs14 { font-size: 12px; }
}
@media (max-width:640px) {
	.fs100 { font-size: 30px; }
	.fs80 { font-size: 24px; }
	.fs60 { font-size: 22px; }
	.fs48 { font-size: 20px; }
	.fs46 { font-size: 18px; }
}
.fullpage_navs { position: fixed; top: 50%; left: 0; transform: translate(0, -50%); -webkit-transform: translate(0, -50%); -moz-transform: translate(0, -50%); -ms-transform: translate(0, -50%); -o-transform: translate(0, -50%); z-index: 100; width: 60px; text-align: center; height: 100%; display: flex; align-items: center; justify-content: center; flex-direction: column; border-right: 0px solid rgba(255, 255, 255, .2); }
.fullpage_more { position: absolute; bottom: 5%; padding-top: 35px; }
.fullpage_more::before { content: ''; display: block; position: absolute; top: 0; left: 50%; transform: translate(-50%, 0); -webkit-transform: translate(-50%, 0); -moz-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); -o-transform: translate(-50%, 0); background-image: url(../images/icon04.svg); background-repeat: no-repeat; height: 22px; width: 13px; }
.fullpage_navs.gray .fullpage_more::before { background-image: url(../images/icon04_act.svg); }
.fullpage_navs.gray .fullpage_more span { color: #999; }
.fullpage_more span { width: 13px; color: #fff; display: inline-block; }
.fullpage_navs .fullpage_nav { width: 6px; height: 6px; position: relative; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; display: inline-block; width: 20px; height: 20px; }
.fullpage_navs .fullpage_nav:not(:first-child) { margin-top: 15px; }
.fullpage_navs .fullpage_nav a { position: absolute; bottom: 0; top: 0; left: 0; right: 0; }
.fullpage_navs .fullpage_nav a::before { content: ''; display: block; width: 5px; height: 5px; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; background-color: #fff; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); }
.fullpage_navs.gray .fullpage_nav a::before { background-color: #999; }
.fullpage_navs .fullpage_nav.active { border: 1px solid #fff; }
.fullpage_navs.gray .fullpage_nav.active { border: 1px solid #999; }
.more { width: 42px; height: 42px; border: 1px solid #333; display: inline-block; position: relative; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; }
.more::before { content: ''; display: block; position: absolute; top: 14px; border-top: 2px solid #333; border-right: 2px solid #333; right: 16px; width: 10px; height: 10px; transform: rotate(45deg); -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); }
.more1 { display: inline-block; padding-right: 20px; position: relative; color: #fff; transition: all .1s; -webkit-transition: all .1s; -moz-transition: all .1s; -ms-transition: all .1s; -o-transition: all .1s; }
.more1::before { content: ''; display: block; position: absolute; top: 7px; border-top: 2px solid #fff; border-right: 2px solid #fff; right: 3px; width: 6px; height: 6px; transform: rotate(45deg); -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); }
.more1:hover { padding-right: 30px; }
@media (max-width:768px) {
	.more1::before { top: 5px; }
}
.base_more { display: inline-block; line-height: 40px; border-radius: 20px 4px 20px 4px; -webkit-border-radius: 20px 4px 20px 4px; -moz-border-radius: 20px 4px 20px 4px; -ms-border-radius: 20px 4px 20px 4px; -o-border-radius: 20px 4px 20px 4px; border: 1px solid #fff; padding: 0 35px; }
.base_more span { padding-right: 20px; position: relative; color: #fff; }
.base_more span::before { content: ''; display: block; position: absolute; top: 8px; border-top: 2px solid #fff; border-right: 2px solid #fff; right: 3px; width: 6px; height: 6px; transform: rotate(45deg); -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); }
.side_bar { position: fixed; z-index: 999; }
.side_bar1 { bottom: 5%; right: 15px; }
.side_bar2 { right: 0; bottom: 30%; }
.side_bar .move_icon { margin-bottom: 15px; text-align: center; cursor: pointer; width: 60px; }
.side_bar .move_item { cursor: pointer; }
.side_bar .move_item { width: 60px; height: 60px; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; background-repeat: no-repeat; background-position: center; background-size: 18px; }
.side_bar .move_item.tel { background-color: #008cd6; background-image: url(../images/icon09.svg); margin-bottom: 5px; }
.side_bar .move_item.email { background-color: #008cd6; background-image: url(../images/icon10.svg); margin-bottom: 5px; }
.side_bar .move_item.add { background-color: #008cd6; background-image: url(../images/icon11.svg); margin-bottom: 5px; }
.side_bar .move_item.gotop { background-color: #fff; background-image: url(../images/icon12.svg); opacity: 1; }
.side_bar2 .move_box { position: absolute; right: -100px; transition: all .5s; -webkit-transition: all .5s; -moz-transition: all .5s; -ms-transition: all .5s; -o-transition: all .5s; top: 50%; transform: translate(0, -50%); -webkit-transform: translate(0, -50%); -moz-transform: translate(0, -50%); -ms-transform: translate(0, -50%); -o-transform: translate(0, -50%); }
.side_bar2 .icon_arrow { width: 40px; height: 40px; display: flex; align-items: center; justify-content: center; background-color: rgba(0, 91, 172, 0.5); }
.side_bar2 .icon_arrow i { width: 30px; height: 30px; position: relative; display: inline-flex; align-items: center; justify-content: center; animation: right ease-in-out 3s infinite; }
.side_bar2 .icon_arrow i::before, .side_bar2 .icon_arrow i::after { content: ''; width: 12px; height: 12px; border: solid #fff; border-width: 1px 1px 0 0; transform: rotate(45deg); }
.side_bar2:hover .move_box { right: 0; }
@media (max-width:1280px) {
	.side_bar { right: 20px; }
	.side_bar .move_item { width: 50px; height: 50px; }
	.side_bar .move_icon { width: 50px; }
	.base_more { line-height: 30px; padding: 0 15px; }
	.base_more span::before { top: 4px; }
	.more { width: 32px; height: 32px; }
	.more::before { top: 9px; right: 12px; }
}
@media (max-width:768px) {
	.side_bar { right: 10px; }
	.side_bar .move_item { width: 35px; height: 35px; }
	.side_bar .move_icon { width: 35px; }
}
@media (max-width:640px) {
	.side_bar .move_item { width: 35px; height: 35px; background-size: 14px; }
	.side_bar .move_icon { width: 25px; margin-bottom: 10px; }
	.side_bar { right: 5px; }
	.side_bar2 .icon_arrow { width: 25px; height: 25px; }
	.side_bar2 .icon_arrow i { width: 22px; height: 15px; }
}
.videoMask { position: fixed; z-index: 999; background: rgba(0, 0, 0, 0.6); left: 0; top: 0; width: 100%; height: 100%; }
.videoMask .videoBox { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 70%; max-width: 94%; height: 67vh; }
.videoMask .videoBox video { width: 100%; }
.videoMask .videoBox .close { position: absolute; right: 5px; top: 5px; padding: 10px; z-index: 10; cursor: pointer; padding-top: 2%; }
.videoMask .videoBox .close:before, .videoMask .videoBox .close:after { content: ""; position: absolute; width: 100%; left: 0; top: 50%; border-bottom: 1px solid #fff; }
.videoMask .videoBox .close:before { transform: rotate(45deg); -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); }
.videoMask .videoBox .close:after { transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); }
.video_click { cursor: pointer; }
.videoMask iframe { width: 100%; height: 100%; }
@media (max-width:1024px) {
	.videoMask .videoBox { height: 39vh; }
}
@media (max-width:680px) {
	.videoMask .videoBox { width: 90%; height: 25vh; }
	.videoMask .videoBox .close{
	    top: -20px;
	}
}
.video_btn1 { display: inline-block; width: 105px; height: 105px; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; background-image: linear-gradient(#0086fc, #01b3ed); position: relative; cursor: pointer; }
.video_btn1::before { content: ''; display: block; width: 100%; height: 100%; background-size: 23px; background-image: url(../images/icon25.png); background-repeat: no-repeat; background-position: center; background-size: 23px; left: 50%; top: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); z-index: 2; position: absolute; }
.video_btn2 { display: inline-block; width: 80px; height: 80px; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; position: relative; cursor: pointer; background-image: url(../images/icon28.png); background-repeat: no-repeat; background-size: contain; }
.video_btn { color: #fff; padding-left: 50px; position: relative; cursor: pointer; }
.video_btn::before { content: ''; display: block; position: absolute; left: 0; top: 50%; transform: translate(0, -50%); -webkit-transform: translate(0, -50%); -moz-transform: translate(0, -50%); -ms-transform: translate(0, -50%); -o-transform: translate(0, -50%); background-image: url(../images/icon01.png); background-repeat: no-repeat; background-size: contain; width: 36px; height: 36px; }
@media (max-width:1280px) {
	.video_btn1 { width: 60px; height: 60px; }
	.video_btn1::before { background-size: 20px; }
	.video_btn2 { width: 60px; height: 60px; }
}
@media (max-width:768px) {
	.video_btn::before { width: 20px; height: 20px; }
	.video_btn { padding-left: 30px; }
	.video_btn1 { width: 40px; height: 40px; }
	.video_btn1::before { background-size: 15px; }
	.video_btn2 { width: 40px; height: 40px; }
}
@media (max-width:640px) {
	.video_btn2 {
		width: 30px;
		height: 30px;
	}
}
.form_close { z-index: 10; cursor: pointer; padding-top: 2%; width: 14px; height: 14px; position: relative; }
.form_close:before, .form_close:after { content: ""; position: absolute; width: 100%; left: 0; top: 50%; border-bottom: 1px solid #666666; }
.form_close:before { transform: rotate(45deg); -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); }
.form_close:after { transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); }
.msg { position: fixed; left: 0; top: 0; right: 0; bottom: 0; z-index: 1000; background-color: rgba(0, 0, 0, 0.6); }
.msg .main { display: flex; align-items: center; justify-content: center; height: 100%; }
.msg .main .content { padding: 3% 3.5%; border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; -o-border-radius: 10px; overflow: hidden; }
.form_top { display: flex; align-items: center; justify-content: space-between; padding-bottom: 24px; border-bottom: 1px solid #d3dae1; }
.form_list { padding: 30px 0 15px; }
.form_btn { border: none; width: fit-content; background-color: #005bac; color: #fff; line-height: 55px; border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; -o-border-radius: 10px; overflow: hidden; text-align: center; padding: 0 70px; }
.form02 .index_form { background-color: transparent; background-image: linear-gradient(to bottom right, #e9f2fb, #ffffff); }
.index_form { width: 95%; max-width: 1000px; background-color: #fff; }
.form_list { display: flex; flex-wrap: wrap; }
.form_list .form_item { margin-bottom: 2%; }
.form_list .form_item.w50 { width: 48%; }
.form_list .form_item.w100 { width: 100%; }
.form_list .form_item.margin_l { margin-left: 4%; }
.form_list .form_input { border: 1px solid #d9d9d9; border-radius: 6px; -webkit-border-radius: 6px; -moz-border-radius: 6px; -ms-border-radius: 6px; -o-border-radius: 6px; overflow: hidden;}
.form_list .form_input { margin-top: 15px; padding: 15px 20px; display:flex;  }
.form_list .form_input input { color: #999999; width: 100%; background-color: transparent; }
.form_list .form_lable { color: #333; }
@media (max-width:1560px) {
	.form_btn { line-height: 40px; padding: 0 45px; }
	.form_list .form_input { padding: 10px 15px; }
}
@media (max-width:1280px) {
	.form_btn { line-height: 35px; padding: 0 35px; }
	.form_list .form_input { padding: 10px 15px; }
}
@media (max-width:768px) {
	.form_list .form_input { padding: 5px 10px; margin-top: 10px; }
	.form_top { padding-bottom: 10px; }
	.form_list { padding: 15px 0; }
	.msg .main .content { padding: 15px 10px; }
	.form_list .form_item.w50 {
        width: 100%;
    }
    
    .form_list .form_item.margin_l {
        margin-left: 0;
    }
}
@media (max-width:640px) {
	.form_btn { line-height: 30px; padding: 0 25px; }
}
.base_swiper { position: relative; }
.base_swiper .swiper_btn { width: 45px; height: 45px; border: 1px solid #005bac; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; position: absolute; top: 50%; transform: translate(0, -50%); -webkit-transform: translate(0, -50%); -moz-transform: translate(0, -50%); -ms-transform: translate(0, -50%); -o-transform: translate(0, -50%); cursor: pointer; z-index: 10; }
.base_swiper .swiper_btn.prev { left: -5%; }
.base_swiper .swiper_btn.next { right: -5%; }
.base_swiper .swiper_btn::before { border-color: #005bac; content: ''; display: block; position: absolute; width: 10px; height: 10px; }
.base_swiper .swiper_btn.prev::before { top: 17px; border-bottom: 1px solid #005bac; border-left: 1px solid #005bac; right: 14px; transform: rotate(45deg); -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); }
.base_swiper .swiper_btn.next::before { top: 17px; border-top: 1px solid #005bac; border-right: 1px solid #005bac; right: 18px; transform: rotate(45deg); -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); }
.base_swiper .swiper_btn:hover::before { border-color: #fff; }
.base_swiper .swiper_btn:hover { background-color: #005bac; }
.base_swiper.base_swiper1 .swiper_btn { background-color: #005bac; }
.base_swiper.base_swiper1 .swiper_btn.swiper-button-disabled { background-color: #999; border-color: #999; }
.base_swiper.base_swiper1 .swiper_btn::before { border-color: #fff; }
.base_swiper.base_swiper2 .swiper_btn { border-color: #fff; background-color: transparent; }
.base_swiper.base_swiper2 .swiper_btn::before { border-color: #fff; }
.base_swiper.base_swiper2 .swiper_btn:hover { background-color: #fff; }
.base_swiper.base_swiper2 .swiper_btn:hover::before { border-color: #005bac; }
@media (max-width:1560px) {
	.base_swiper .swiper_btn.prev { left: 0; }
	.base_swiper .swiper_btn.next { right: 0; }
}
@media (max-width:768px) {
	.base_swiper .swiper_btn { width: 35px; height: 35px; }
	.base_swiper .swiper_btn.prev::before { top: 12px; right: 9px; }
	.base_swiper .swiper_btn.next::before { top: 11px; right: 13px; }
}
@media (max-width:640px) {
	.base_swiper .swiper_btn { width: 25px; height: 25px; }
	.base_swiper .swiper_btn::before { width: 6px; height: 6px; }
	.base_swiper .swiper_btn.prev::before { top: 8px; right: 7px; }
	.base_swiper .swiper_btn.next::before { top: 8px; right: 8px; }
}
.more_img { background-image: url(../images/icon27.png); width: 60px; height: 60px; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; background-size: contain; }
.down { display: inline-block; line-height: 50px; padding: 0 50px; background-color: #fff; border-radius: 25px; -webkit-border-radius: 25px; -moz-border-radius: 25px; -ms-border-radius: 25px; -o-border-radius: 25px; cursor: pointer; color: #005bac; }
@media (max-width:768px) {
	.down { line-height: 35px; padding: 0 35px; }
	.more_img { width: 45px; height: 45px; }
}
@media (max-width:640px) {
	.down { line-height: 30px; padding: 0 15px; }
	.more_img { width: 25px; height: 25px; }
}
.guide { position: fixed; top: 0; left: 0; right: 0; bottom: 0; display: flex; align-items: center; justify-content: center; background-color: #fff; z-index: 1000; overflow: hidden; }
.guide .center_img { width: 100%; text-align: center; width: 660px; height: 150px; position: relative; }
.svg_icon { width: 100%; height: 100%; position: absolute; left: 0; top: 0; }
.svg_icon .mask1 { position: absolute; right: 30%; top: 30%; background-color: #fff; z-index: 2; height: 1002%; width: 180%; transform: rotate(-45deg); -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform-origin: 100% 50%; }
.svg_icon1 { z-index: 3; }
.svg_icon2 { z-index: 2; }
.svg_icon3 { z-index: 1; }
@media (max-width:768px) {
	.guide .center_img { width: 90%; height: 100px; }
}