* {margin: 0px;	padding: 0px;}
body { font-family: auto; font-size: 90%; line-height: 180% ;color: #333; background-color: #ffffff;}
.clear {font-size: 0px;	clear: both;line-height: 0px; height: 1px;}
.clearfix:after {content: "."; 	display: block;  height: 0;	clear: both; visibility: hidden;}
.clearfix {min-height: 1px;}
* html .clearfix {height: 1px;}
img {border:none;max-width: 100%;}
a{ color: #000000; transition: 0.3s;}
a:link {TEXT-DECORATION: none;}
a:visited {TEXT-DECORATION: none;}
a:hover {TEXT-DECORATION: none; color: #5EA401;}
a:active {TEXT-DECORATION: none;}
ul,li{list-style-type: none; padding: 0; margin: 0;}

/* scrollbar */
::-webkit-scrollbar {width: 6px;height: 6px;}
::-webkit-scrollbar-track {background-color: #f1f1f1;}
::-webkit-scrollbar-thumb {background-color: #c0c0c0;border-radius: 3px;}

/* header */
#header{ color: #ffffff; background-color: rgba(0,0,0,1); width: 100%; height: 60px; transition: all .3s; position: fixed; top: 0; z-index: 9999;}
#header.fixed{ color: #ffffff; background-color: rgba(0,0,0,.8);}
#header .container,#header .head_box,#header .row{height: 100%;}
#header .logo{height: 100%; display: flex; align-items: center;}
#header .head_nav{height: 100%; position: relative; z-index: 99;}
#header .head_nav ul{height: 100%; display: flex; justify-content: space-between;}
#header .head_nav ul li{ height: 100%;}
#header .head_nav ul li a{ color: #fff; font-size: 16px; text-align: center; height: 100%; display: inline-flex; align-items: center; justify-content: center;}
#header .head_nav ul li.active a{color: #5EA401;}
#header .head_nav ul li:hover a{color: #5EA401;}
#header .head_nav ul li a i{margin-left: 5px;}
#header .head_nav ul li .sub_menu{ position: absolute; top: 60px; z-index: 0; display: none;}
#header .head_nav ul li:hover .sub_menu{ background-color: rgba(0,0,0,.6); display: inline-block;}
#header .head_nav ul li ul{width: 100%; display: block;}
#header .head_nav ul li ul li{height: auto;}
#header .head_nav ul li ul li a{color: #fff !important; font-size: 14px; min-width: 100px; padding: 5px 10px;}
#header .head_nav ul li ul li a:hover{color: #fff !important; background-color: #5EA401;}
#header .head_operate{ height: 100%; margin-left: auto; display: flex; align-items: center; justify-content: right;}
#header .head_group{display: flex; align-items: center; height: 100%; position: relative;}
#header .head_language{cursor: pointer; margin-right: 10px; display: flex; align-items: center; height: 100%;}
#header .head_language img{margin-right: 3px;}
#header .head_language:hover .head_language_list{display: inline-block;}
#header .head_language_list{background-color: rgba(0,0,0,.8); position: absolute; top: 60px; left: 0; z-index: 99; display: none;}
#header .head_language_list ul li a{ color: #fff; text-align: center; display: block; min-width: 80px; padding: 5px 10px}
#header .head_language_list ul li a:hover{color: #fff; background-color: #5EA401;}
#header .btn-login{color: #fff; margin-right: 10px; border-color: #fff;}
#header .btn-login:hover{opacity: 0.8; transition: 0.3s;}
#header .nav_more{display: none; width: 25px; margin-left: 10px; cursor: pointer;}
#header .nav_more .line{ background-color: #ffffff; height: 3px; margin: 5px 0; transition: all 0.3s ease-in-out;}
#header .nav_more:hover .line{ background-color: rgba(255,255,255,.8);}

/* content */
#content{padding-top: 60px;}
#content .location{color: #666; margin-bottom: 20px;}
#content .location .current{color: #000;}
#content h2{ text-align: center; margin: 40px 0;}
#content h2 .title{font-size: 28px; line-height: 28px; font-weight: bold;}
#content h2.white .title,#content h2.white .text{color: #fff;}
#content h2 .title::after{content: ""; display: block; width: 80px; height: 4px; background-color: #5EA401; margin: 20px auto;}
#content h2 .text{font-size: 14px;}
#content .c_title1{ font-size: 20px; font-weight: bold; display: flex; align-items: center; margin-bottom: 20px;}
#content .c_title1 img{margin-right: 5px;}
#content .c_title2{display: flex; align-items: center; margin-bottom: 20px;}
#content .c_title2 .title{font-size: 22px; font-weight: bold;flex: 1;}
#content .c_title2 .time{margin-left: auto;}
#content .c_content { min-height: calc(100vh - 270px) }
#content .c_video {position: relative;max-height: 500px;display:none}
#content .c_video #helpVideo { max-height: 500px;}
#content .c_video .video-cover { position: absolute;top: 0;left: 0;width: 100%;height: 100%;cursor: pointer;}
#content .c_video .video-cover img {display: block;width: 100%;height: 100%;object-fit: cover;}

#content .c_video .video-cover:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 60px;
    height: 60px;
    margin-top: -30px;
    margin-left: -30px;
    background: url(../images/icon_play.svg) no-repeat center;
    background-size: cover;
}

#content .c_text1{margin-bottom: 20px;}
#content .c_text2{font-size: 22px; font-weight: bold; margin: 30px 0 10px 0;}
#content .indent{padding: 40px 0;min-height: 400px;}
#content .c_box1{ background-color: #FBFCFA; padding: 80px 0;} 
#content .c_box1 h2{margin: 0;}
#content .c_box2{background: url(../images/c_box2_bg.png) no-repeat top center; padding: 80px 0 40px 0;}
#content .c_box2 .area{background-color: #F8FFF0; padding: 40px 20px; border-radius: 5px; overflow: hidden;}
#content .c_box3{ background: url(../images/c_box3_bg.jpg) no-repeat top center; background-size: cover; padding: 80px 0;}
#content .c_box3 h2{margin: 0;}
#content .c_box4{ background: url(../images/c_box4_bg.jpg) no-repeat top center; background-size: cover; padding: 80px 0;}
#content .c_box5{ text-align: center; background: url(../images/bg1.jpg) no-repeat top center; background-size: cover; padding: 30px 0;}
#content .c_list1{margin-top: 60px;}
#content .c_list1 ul{display: flex; flex-wrap: wrap;}
#content .c_list1 ul li{ background-color: #fff; padding: 20px; border-radius: 5px; overflow: hidden; margin-right: 20px; box-shadow: 0 0 10px rgba(0,0,0,.1); flex: 1 1 calc(25% - 20px);}
#content .c_list1 ul li:last-child{margin-right: 0;}
#content .c_list1 ul li .title{font-size: 22px; line-height: 22px; font-weight: bold; margin-top: 15px;}
#content .c_list1 ul li .text{margin-top: 15px;}
#content .c_list2{}
#content .c_list2 ul{display: flex; flex-wrap: wrap;}
#content .c_list2 ul li{ padding: 20px; flex: 1 1 25%;}
#content .c_list2 ul li .title{font-size: 48px; line-height: 48px; font-weight: bold; margin-bottom: 10px;}
#content .c_list2 ul li .title .assistant{font-size: 30px;}
#content .c_list2 ul li .text{font-size: 18px;}
#content .c_list3{}
#content .c_list3 ul{display: flex; flex-wrap: wrap;}
#content .c_list3 ul li{ flex: 1 1 calc(14% - 10px); margin: 0 10px 10px 0;}
#content .c_list3 ul li:nth-child(7n){margin-right: 0;}
#content .c_list4{padding: 60px 0;}
#content .c_list4 ul{display: flex; flex-wrap: wrap;}
#content .c_list4 ul li{text-align: center; background-color: #fff; border-radius: 5px; overflow: hidden; margin-right: 20px; box-shadow: 0 0 10px rgba(0,0,0,.1); flex: 1 1 calc(25% - 20px);}
#content .c_list4 ul li:last-child{margin-right: 0;}
#content .c_list4 ul li a{display: block;}
#content .c_list4 ul li a .icon{padding: 30px 0;}
#content .c_list4 ul li a .title{font-size: 20px; line-height: 20px; margin-bottom: 30px;}
#content .c_list4 ul li a .link{ color: #fff; background: url(../images/c_list4_link_bg.png) no-repeat center center; background-size: cover; display: block; padding: 20px 0;}
#content .c_list4 ul li a .link img{ width: 18px; margin-top: -3px;}
#content .c_list5{margin-top: 60px;}
#content .c_list5 ul{display: flex; flex-wrap: wrap;}
#content .c_list5 ul li{ background-color: #fff; padding: 20px; border-radius: 5px; overflow: hidden; margin-bottom: 20px; margin-right: 20px; box-shadow: 0 0 10px rgba(0,0,0,.1); flex: 1 1 calc(25% - 20px);}
#content .c_list5 ul li:last-child,#content .c_list5 ul li:nth-child(4n){margin-right: 0;}
#content .c_list5 ul li .title{font-size: 22px; line-height: 22px; font-weight: bold; margin-top: 15px;}
#content .c_list5 ul li .text{margin-top: 15px;}
#content .c_list6{ color: #fff; text-align: center; margin-top: 60px;}
#content .c_list6 ul{display: flex; flex-wrap: wrap;}
#content .c_list6 ul li{ background-color: rgba(255,255,255,.1); padding: 60px 20px; border-radius: 5px; overflow: hidden; margin-right: 20px; box-shadow: 0 0 10px rgba(0,0,0,.1); flex: 1 1 calc(25% - 20px);}
#content .c_list6 ul li:hover{background-color: rgba(255,255,255,.2); transition: all .3s;}
#content .c_list6 ul li:last-child{margin-right: 0;}
#content .c_list6 ul li .title{font-size: 20px; font-weight: bold; margin-top: 40px;}
#content .c_list7{margin-top: 60px;}
#content .c_list7 ul{display: flex; flex-wrap: wrap;}
#content .c_list7 ul li{ background-color: #fff; padding: 20px; border-radius: 5px; overflow: hidden; margin-right: 20px; box-shadow: 0 0 10px rgba(0,0,0,.1); flex: 1 1 calc(25% - 20px);}
#content .c_list7 ul li:last-child{margin-right: 0;}
#content .c_list7 ul li .title{font-size: 22px; line-height: 22px; font-weight: bold; margin-bottom: 20px; display: flex; align-items: center;}
#content .c_list7 ul li .title img{margin-right: 5px;}
#content .c_list7 ul li .title .time{ font-size: 14px; font-weight: normal; margin-left: auto; display: flex; align-items: center;}
#content .c_list7 ul li .pic{display: flex; align-items: center; position: relative; margin-bottom: 20px;}
#content .c_list7 ul li .pic .pic_area{ width: 100%; padding: 20px; position: absolute;}
#content .c_list7 ul li .pic .pic_area .area_title{font-size: 22px; font-weight: bold; margin-bottom: 10px;}
#content .c_list7 ul li .pic .pic_area .area_text{font-size: 20px;}
#content .c_list7 ul li .sub_title{font-size: 22px; line-height: 22px; font-weight: bold; margin-bottom: 20px;}
#content .c_list7 ul li .text{margin-bottom: 20px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    white-space: normal;
}
#content .c_list7 ul li .link{display: flex; align-items: center;}
#content .c_list7 ul li .link .download{margin-left: auto; display: flex; align-items: center;}
#content .c_list8{}
#content .c_list8 ul{}
#content .c_list8 ul li{ text-align: center; display: inline-block; margin-right: 40px;margin-bottom: 20px;}
#content .c_list8 ul li.other{text-align: left;}
#content .c_list8 ul li .icon img{height: 60px;}
#content .c_list8 ul li .title{margin-top: 10px;}
#content .c_list9{}
#content .c_list9 ul{display: flex; flex-wrap: wrap;}
#content .c_list9 ul li{ margin-right: 80px; flex: 1 1 calc(25% - 80px);}
#content .c_list9 ul li .icon{ text-align: center; margin-bottom: 20px;}
#content .c_list9 ul li .icon img{height: 180px;}
#content .c_list9 ul li .title{font-size: 22px; line-height: 22px; font-weight: bold; text-align: center; margin-bottom: 20px;}
#content .c_list9 ul li .text{}
#content .c_list9 ul li:last-child{margin-right: 0;}
#content .c_list1 ul li:hover,
#content .c_list4 ul li:hover,
#content .c_list5 ul li:hover,
#content .c_list7 ul li:hover{ background-color: #fbfbfb; box-shadow: 0 0 10px rgba(0,0,0,.3); transition: all .3s ease-in-out;}
#content .c_step1{margin: 60px 0;} 
#content .c_step1 ul{display: flex; flex-wrap: wrap;}
#content .c_step1 ul li{ flex: 1 1 25%; position: relative;}
#content .c_step1 ul li::after{content: ''; background: url(../images/icon_step.png) no-repeat center center; background-size: 40px 40px; display: block; width: 40px; height: 40px; position: absolute; bottom: -10px; right: 60px;}
#content .c_step1 ul li:last-child{flex: 1 1 2%;}
#content .c_step1 ul li:last-child::after{display: none;}
#content .c_step1 ul li .title{font-size: 20px; line-height: 20px; font-weight: bold; margin-top: 20px;}
#content .c_step2{margin: 60px 0;} 
#content .c_step2 ul{display: flex; flex-wrap: wrap;}
#content .c_step2 ul li{ flex: 1 1 25%; position: relative;}
#content .c_step2 ul li::after{content: ''; background: url(../images/icon_step.png) no-repeat center center; background-size: 40px 40px; display: block; width: 40px; height: 40px; position: absolute; bottom: 5px; right: 25px;}
#content .c_step2 ul li:last-child{flex: 1 1 7%;}
#content .c_step2 ul li:last-child::after{display: none;}
#content .c_step2 ul li .title{font-size: 20px; font-weight: bold; margin-top: 20px;}
#content .c_collapse1{position: sticky;top:60px;padding-top:20px;padding-bottom:20px;padding-right:10px;max-height: calc(100vh - 60px);overflow-y: auto;}
#content .c_collapse1 .collapse_area{}
#content .c_collapse1 .collapse_group{}
#content .c_collapse1 .collapse_group .group_header{ margin-top: 20px; display: flex; align-items: center; cursor: pointer;}
#content .c_collapse1 .collapse_group:first-child .group_header{margin-top: 0;}
#content .c_collapse1 .collapse_group .group_header.collapsed .arrow i{transform: rotate(0deg);}
#content .c_collapse1 .collapse_group .group_header .icon{margin-right: 5px;}
#content .c_collapse1 .collapse_group .group_header .title{font-size: 16px; font-weight: bold; margin-right: 10px;}
#content .c_collapse1 .collapse_group .group_header .title.subtitle{font-size: 14px; font-weight: 400; margin-right: 10px;}
#content .c_collapse1 .collapse_group .group_header .arrow{ font-size: 20px; margin-left: auto;}
#content .c_collapse1 .collapse_group .group_header .arrow i{ transform: rotate(180deg); transition: all 0.3s ease-in-out;}
#content .c_collapse1 .collapse_group .group_link{}
#content .c_collapse1 .collapse_group .group_link ul {padding-left: 30px;}
#content .c_collapse1 .collapse_group .group_link ul li{margin-top: 20px;}
#content .c_collapse1 .collapse_group .group_link ul li a.active {color: #5EA401}
#content .c_link1{ min-height: 100vh }
#content .c_link1 ul{}
#content .c_link1 ul li{ padding-bottom: 15px; margin-bottom: 15px; border-bottom: 1px solid #ddd;}
#content .c_link1 ul li a{display: inline-flex;}
#content .c_link1 ul li a::before{ content: "\2022"; color: #000; font-weight: bold; font-size: 28px; display: inline-block;}
#content .help_more{font-size: 22px; text-align: right;}
#content .help_more i{cursor: pointer; transition: all 0.3s ease-in-out;}
#content .help_more i:hover{color: #5EA401;}
#content .c_check{margin-top: 20px;}
#content .c_check ul{}
#content .c_check ul li{background-color: #f8f8fa; display: inline-block; padding: 10px 20px 10px 45px; margin-right: 10px; border-radius: 5px; overflow: hidden; cursor: pointer;}
#content .c_check ul li:first-child{background: #f8f8fa url(../images/icon_help_y.png) no-repeat 15px center;}
#content .c_check ul li:last-child{background: #f8f8fa url(../images/icon_help_n.png) no-repeat 15px center;}
#content .c_check ul li:first-child.active{ color: #5EA401; background: #5ea4011a url(../images/icon_help_y_on.png) no-repeat 15px center;}
#content .c_check ul li:last-child.active{ color: #5EA401; background: #5ea4011a url(../images/icon_help_n_on.png) no-repeat 15px center;}
#content .c_form { display: none; }
#content .c_form .form-check-box { display: flex;align-items: center; margin-bottom: 10px;gap: 20px; }
#content .c_page{border-top: 1px solid #ddd; padding-top: 20px; margin-top: 20px; display: flex;}
#content .c_page .pannel a{display: flex; align-items: center;}
#content .c_page .main{display: flex; align-items: center; flex-direction: column; padding: 0 10px; max-width: 260px;}
#content .c_page .main .text{width: 100%;}
#content .c_page .main .title{font-size: 20px;width: 100%;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
    white-space: normal;
}
#content .c_page .icon{ font-size: 24px;}
#content .c_page .pannel a .icon,#content .c_page .pannel a .main .text{color: #999;}
#content .c_page .pannel a:hover .icon,#content .c_page .pannel a:hover .main .text{color: #5EA401;}
#content .c_page .next{margin-left: auto;}
#content .side_line{border-right: 1px solid #ddd;}
#content .no_data{ display: flex; align-items: center; justify-content: center; flex-direction: column; height: 60vh;}

/* footer */
#footer{ color: #fff; background-color: #000;}
#footer .foot_box{padding: 40px 0;}
#footer .foot_logo{margin-bottom: 30px;}
#footer .foot_qrCode{color: #A6A6A6; font-size: 12px; text-align: center; display: inline-block;}
#footer .foot_label{color: #A6A6A6; font-size: 12px;}
#footer .foot_value{font-size: 16px;}
#footer .foot_value a{ color: #fff;}
#footer .foot_value a:hover{ text-decoration: underline;}
#footer .foot_link{display: flex;}
#footer .foot_link ul{flex: 1;}
#footer .foot_link ul li{margin-bottom: 10px;}
#footer .foot_link ul li.title{font-size: 16px; margin-bottom: 30px;}
#footer .foot_link ul li a{color: #A6A6A6;}
#footer .foot_link ul li a:hover{color: #fff;}
#footer .foot_copyright{ color: #A6A6A6; padding-top: 20px; margin-top: 20px; border-top: 1px solid #ffffff33;}
#footer .foot_copyright a{ color: #A6A6A6;}
#footer .foot_copyright a:hover{ color: #fff; text-decoration: underline;}

/* banner */
#banner{}
#banner .swiper-container {width: 100%;height: 100%;}
#banner .swiper-slide {
    font-size: 18px;
    background: #fff;
    position: relative;

    /* Center slide text vertically */
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}
#banner .swiper-slide .slide_main{ width: 100%; position: absolute; z-index: 9;}
#banner .swiper-slide .title{font-size: 28px; font-weight: bold; line-height: 28px; margin-bottom: 10px;}
#banner .swiper-slide .sub_title{font-size: 34px; font-weight: bold; line-height: 34px; margin-bottom: 20px;}
#banner .swiper-slide .text{font-size: 20px; line-height: 20px; margin-bottom: 20px;}
#banner .swiper-container .swiper-button-next,#banner .swiper-container .swiper-button-prev{color: #fff; background-size: 16px; background-color: rgba(0,0,0,.2); padding: 30px 20px; border-radius: 5px;}
#banner .swiper-container .swiper-button-next:hover,#banner .swiper-container .swiper-button-prev:hover{ background-color: #5EA401;}
#banner .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{background-color: #5EA401;}
#banner .banner_custom{ text-align: center; background: url(../images/bg1.jpg) no-repeat top center; background-size: cover; padding: 60px 0;}
#banner .banner_custom .custom_area{width: 50%; margin: 0 auto;}
#banner .banner_custom .title{font-size: 24px; font-weight: bold; line-height: 24px; margin-bottom: 20px;}
#banner .banner_custom .text{ font-size: 18px; line-height: 18px; margin-bottom: 30px;}
#banner .banner_custom .input-group{ padding: 3px; border: 1px solid #000; border-radius: 90px; overflow: hidden; display: flex; align-items: center;}
#banner .banner_custom .input-group input{ background-color: rgba(255,255,255,0); border: 0;}
#banner .banner_custom .input-group input:focus{ outline: none; box-shadow: none;}
#banner .banner_custom .input-group button{border-top-left-radius: 90px; border-bottom-left-radius: 90px;}

/* dialog popup */
.dialog_popup{width: 100%; height: 100%; position: fixed; top: 0; right: -100%; z-index: 99999;}
.dialog_popup .dialog_bg{background-color: rgba(0,0,0,.8); width: 100%; height: 100%; position: fixed; top: 0; left: 0; z-index: -1; display: none;}
.dialog_popup.is_active{right: 0;}
.dialog_popup.is_active .dialog_bg{display: block;}
.dialog_popup.is_active .dialog_main{transition: all 0.3s ease-in-out; right: 0;}
.dialog_popup .dialog_main{display: flex; justify-content: flex-end; width: 100%; height: 100%; margin-right: 0; position: fixed; top: 0; right: -100%; transition: all 0.3s ease-in;}
.dialog_popup .dialog_widget_content{width: 70%;background-color: #ECECED;}
.dialog_popup .dialog_close .close_btn{ color: #ffffff; font-size: 50px; cursor: pointer; height: 35px; overflow: hidden; transition: all 0.3s ease-in-out;}
.dialog_popup .dialog_close .close_btn:hover{ color: #5EA401;}
.dialog_message{height: 100vh; align-items: flex-start; max-width: 100vw; max-height: 100vh; overflow: auto;}
aside.aside{font-size: 16px;}
aside.aside ul.menubar li.menu_item{margin-bottom: 10px;}
aside.aside ul.menubar li.menu_item a{ color: #000000; background-color: #fff; display: block; padding: 10px 20px;}
aside.aside ul.menubar li.menu_item a:hover{ color: #5EA401; background-color: #fff;}
aside.aside ul.menubar li.menu_item.active a{ color: #5EA401; background-color: #f4fbed;}
aside.aside ul.menubar li.menu_item .arrow{font-size: 20px; margin-left: 5px;}
aside.aside ul.menubar li.menu_item.submenu ul{ display: none; height: 0; transition: 0.5s;}
aside.aside ul.menubar li.menu_item.submenu .arrow i{transform: rotate(0deg); transition: 0.5s;}
aside.aside ul.menubar li.menu_item.submenu.is_active .arrow i{transform: rotate(-180deg);}
aside.aside ul.menubar li.menu_item.submenu.is_active ul{ display: block; height: 100%; transition: 0.5s;}
aside.aside ul.menubar li.menu_item ul li a{font-size: 14px; background-color: rgba(255,255,255,0); padding: 5px 20px;}
aside.aside ul.menubar li.menu_item ul li a:hover{background-color: rgba(255,255,255,0);}
aside.aside ul.menubar li.menu_item.submenu.active ul li a{ color: #000000; background-color: rgba(255,255,255,0);}
aside.aside ul.menubar li.menu_item.submenu.active ul li a:hover{ color: #5EA401; background-color: rgba(255,255,255,0);}

/* fixed right */
#fixed_right{border-radius: 90px; background-color: #fff; padding:5px; box-shadow: 0 0 10px rgba(0,0,0,.2); position: fixed; right: 10px; top: 50%; z-index: 9999;}
#fixed_right ul{}
#fixed_right ul li{line-height: 14px; margin-top: 5px;}
#fixed_right ul li:first-child{margin-top: 0;}
#fixed_right ul li .icon{line-height: 0;}
#fixed_right ul li a{color: #fff; font-size: 12px; text-align: center; background-color: #5EA401; display: block; padding: 8px 5px; border-radius: 90px;}
#fixed_right ul li a:hover{}
#fixed_right ul li#back_top_top{display: none;}
#fixed_right ul li#back_top_top.is_active{display: inline-block;}
#fixed_right ul li#back_top_top a{ font-size: 20px; color: #5EA401; background-color: #5ea4013b; width: 34px; height: 34px; display: inline-flex; align-items: center; justify-content: center;}
#fixed_right ul li#back_top_top a:hover{ color: #fff; background-color: #5EA401;}

/* leave message */
#leave_message{ width: 100%; height: 100%; position: fixed; bottom: -100%; z-index: 99999;}
#leave_message.is_active{ bottom: 0;}
#leave_message .message_bg{background-color: rgba(0,0,0,.8); width: 100%; height: 100%; position: fixed; top: 0; left: 0; display: none;}
#leave_message.is_active .message_bg{display: block;}
#leave_message .message_box{ background-color: #fff; width: 420px; border-radius: 10px; overflow: hidden; position: fixed; right: 20px;  bottom: -100%; transition: all .3s; z-index: 999999;}
#leave_message.is_active .message_box{ bottom: 20px; transition: all .3s;}
#leave_message .message_head{ color: #fff; background-color: #5D9E33; padding: 10px 20px;}
#leave_message .message_head .head_main{display: flex; align-items: center;}
#leave_message .message_head .head_main .main_icon{ margin-right: 10px;}
#leave_message .message_head .head_main .main_area{ flex: 1; display: flex; flex-direction: column;}
#leave_message .message_head .head_main .main_area .area_title{font-size: 16px;}
#leave_message .message_head .head_main .main_area .area_text{font-size: 14px;}
#leave_message .message_head .head_main .main_close{ font-size: 30px; cursor: pointer;}
#leave_message .message_body{background-color: #fafafa; padding: 20px;}
#leave_message .message_foot{ text-align: center; padding: 10px 0;}

/* public */
.display_mobile{display: none;}
.btn{border-radius: 90px;}
.btn.btn-black{ color: #fff; background-color: #000; padding: 10px 30px; display: inline-flex; align-items: center;}
.btn.btn-black:hover{ background-color: rgba(0,0,0,.7);}
.toast_message{ top: 20px; left: 50%; transform: translate(-50%, 0); z-index: 99999;}
.has-feedback {
position: relative;
}
.has-feedback .form-control {
padding-right: 42.5px;
}
.form-control-feedback {
position: absolute;
top: 0;
right: 0;
z-index: 2;
display: block;
width: 34px;
height: 34px;
line-height: 34px;
text-align: center;
pointer-events: none;
}
.input-lg + .form-control-feedback {
width: 46px;
height: 46px;
line-height: 46px;
}
.input-sm + .form-control-feedback {
width: 30px;
height: 30px;
line-height: 30px;
}
.has-success .help-block,
.has-success .control-label,
.has-success .radio,
.has-success .checkbox,
.has-success .radio-inline,
.has-success .checkbox-inline,
.has-success.radio label,
.has-success.checkbox label,
.has-success.radio-inline label,
.has-success.checkbox-inline label {
color: #3c763d;
}
.has-success .form-control {
border-color: #3c763d;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
        box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
}
.has-success .form-control:focus {
border-color: #2b542c;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #67b168;
        box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #67b168;
}
.has-success .input-group-addon {
color: #3c763d;
background-color: #dff0d8;
border-color: #3c763d;
}
.has-success .form-control-feedback {
color: #3c763d;
}
.has-warning .help-block,
.has-warning .control-label,
.has-warning .radio,
.has-warning .checkbox,
.has-warning .radio-inline,
.has-warning .checkbox-inline,
.has-warning.radio label,
.has-warning.checkbox label,
.has-warning.radio-inline label,
.has-warning.checkbox-inline label {
color: #8a6d3b;
}
.has-warning .form-control {
border-color: #8a6d3b;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
        box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
}
.has-warning .form-control:focus {
border-color: #66512c;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #c0a16b;
        box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #c0a16b;
}
.has-warning .input-group-addon {
color: #8a6d3b;
background-color: #fcf8e3;
border-color: #8a6d3b;
}
.has-warning .form-control-feedback {
color: #8a6d3b;
}
.has-error .help-block,
.has-error .control-label,
.has-error .radio,
.has-error .checkbox,
.has-error .radio-inline,
.has-error .checkbox-inline,
.has-error.radio label,
.has-error.checkbox label,
.has-error.radio-inline label,
.has-error.checkbox-inline label {
color: #D5252B;
}
.has-error .form-control {
border-color: #D5252B;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
        box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
}
.has-error .form-control:focus {
border-color: #843534;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #ce8483;
        box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #ce8483;
}
.has-error .input-group-addon {
color: #D5252B;
background-color: #f2dede;
border-color: #D5252B;
}
.has-error .form-control-feedback {
color: #D5252B;
}
.has-feedback label ~ .form-control-feedback {
top: 36px;
}
.has-feedback label.sr-only ~ .form-control-feedback {
top: 0;
}
.help-block {
display: block;
margin-top: 5px;
margin-bottom: 10px;
color: #737373;
}
.required{color: #D5252B;}
.no_required{color: #898D97;}

@media (max-width: 1200px) {
    /* header */
    #header .head_nav ul li a{font-size: 14px;}

    /* content */
    #content h2 .title{font-size: 24px;}
    #content .c_box1{padding: 60px 0;}
    #content .c_box2{background-size: auto 150px; padding: 60px 0 30px 0;}
    #content .c_box2 .area{padding: 20px;}
    #content .c_box3{padding: 60px 0;}
    #content .c_box4{padding: 60px 0;}
    #content .c_img1 img{height: 26px;}
    #content .c_list1{margin-top: 40px;}
    #content .c_list2 ul li .title{font-size: 40px; line-height: 40px;}
    #content .c_list2 ul li .text{font-size: 16px;}
    #content .c_list6 ul li .icon img{height: 60px;}
    #content .c_list7 ul li .title{font-size: 18px;}
    #content .c_step1 ul li::after{background-size: 36px 36px; width: 36px; height: 36px; bottom: -8px; right: 30px;}
    #content .c_step1 ul li:last-child{flex: 1 1 4%;}
    #content .c_step2 ul li::after{background-size: 36px 36px; width: 36px; height: 36px; right: 10px;}
    #content .c_step2 ul li:last-child{flex: 1 1 8%;}
    #content .c_step2 ul li .title{font-size: 18px;}
    #content .c_list7 ul li .title,
    #content .c_list7 ul li .pic .pic_area .area_title,
    #content .c_list7 ul li .sub_title{font-size: 20px;}
    #content .c_list7 ul li .pic .pic_area{padding: 15px;}
    #content .c_list8 ul li{margin-right: 20px;}
    #content .c_list9 ul li .icon img{height: 150px;}
    #content .c_list9 ul li .title{font-size: 20px;}
    #content .c_page .main{ max-width: 200px;}
    #content .c_page .main .title{font-size: 18px;}

    /* banner */
    #banner .swiper-slide .title{font-size: 24px; line-height: 24px;}
    #banner .swiper-slide .sub_title{font-size: 30px; line-height: 30px;}
    #banner .swiper-slide .text{font-size: 18px; line-height: 18px;}
    #banner .banner_custom .custom_area{width: 60%;}

    /* public */
    .btn.btn-black{padding: 7px 16px;}
}

@media (max-width: 992px) {
    /* header */
    #header .head_middle{display: none;}
    #header .head_nav{display: none;}
    #header .head_nav ul li a{font-size: 14px;}
    #header .nav_more{display: inline-block;}
    #header .head_language{display: none;}

    /* content */
    #content h2 .title{font-size: 22px;}
    #content .c_box1{padding: 50px 0;}
    #content .c_box3{padding: 40px 0;}
    #content .c_box4{padding: 40px 0;}
    #content .c_img1 img{height: 22px;}
    #content .c_list1{margin-top: 20px;}
    #content .c_list1 ul li{flex: 1 1 calc(50% - 20px); margin-top: 20px;}
    #content .c_list1 ul li:nth-child(even){margin-right: 0;}
    #content .c_list1 ul li .title{font-size: 20px;}
    #content .c_list5 ul li{flex: 1 1 calc(50% - 20px);}
    #content .c_list5 ul li:nth-child(even){margin-right: 0;}
    #content .c_list2 ul li{ flex: 1 1 50%;}
    #content .c_list2 ul li .title{font-size: 34px; line-height: 34px;}
    #content .c_list2 ul li .text{font-size: 14px;}
    #content .c_list3 ul li{ flex: 1 1 calc(21% - 10px);}
    #content .c_list3 ul li:nth-child(7n){margin-right: 10px;}
    #content .c_list3 ul li:nth-child(4n){margin-right: 0;}
    #content .c_list4{padding: 40px 0;}
    #content .c_list4 ul li{ flex: 1 1 calc(50% - 20px); margin-top: 20px;}
    #content .c_list4 ul li:nth-child(even){margin-right: 0;}
    #content .c_list4 ul li a .icon{padding: 15px 0;}
    #content .c_list4 ul li a .title{ font-size: 18px; margin-bottom: 15px;}
    #content .c_list4 ul li a .link{padding: 15px 0;}
    #content .c_list5 ul li .title{font-size: 20px;}
    #content .c_list6 ul li .icon img{height: 50px;}
    #content .c_list6 ul li .title{ font-size: 18px;}
    #content .c_list7 ul li{flex: 1 1 100%; margin-right: 0; margin-bottom: 30px;}
    #content .c_list7 ul li .pic .pic_img,#content .c_list7 ul li .pic .pic_img img{width: 100%;}
    #content .c_list7 ul li .link .download img{height: 18px;}
    #content .c_list9 ul li{ margin-right: 40px; flex: 1 1 calc(50% - 40px); margin-bottom: 40px;}
    #content .c_list9 ul li:nth-child(2n){margin-right: 0;}
    #content .c_list9 ul li .icon img{height: 120px;}
    #content .c_list9 ul li .title{font-size: 18px;}
    #content .c_step1 ul li::after{background-size: 30px 30px; width: 30px; height: 30px; bottom: -6px; right: 6px;}
    #content .c_step1 ul li:last-child{flex: 1 1 8%;}
    #content .c_step1 ul li .num img{ height: 30px;}
    #content .c_step1 ul li .title{font-size: 18px;}
    #content .c_step2 ul li::after{background-size: 30px 30px; width: 30px; height: 30px; bottom: 3px; right: 0;}
    #content .c_step2 ul li:last-child{flex: 1 1 13%;}
    #content .c_step2 ul li .num img{ height: 30px;}
    #content .c_step2 ul li .title{font-size: 14px; line-height: 18px;}
    #content .c_page .main{ max-width: 160px;}
    #content .c_page .main .title{font-size: 16px;}

    /* footer */
    #footer .foot_copyright,#footer .foot_copyright .text-right{text-align: center !important;}

    /* banner */
    #banner .swiper-slide .title{font-size: 20px; line-height: 20px;}
    #banner .swiper-slide .sub_title{font-size: 24px; line-height: 24px;}
    #banner .swiper-slide .text{font-size: 14px; line-height: 14px;}
    #banner .banner_custom .custom_area{width: 80%;}

    /* public */
    .btn.btn-black{padding: 6px 13px;}
}

@media (max-width: 768px) {
    /* header */
    #header{height: 50px;}
    #header .head_language_list{top: 50px;}

    /* content */
    #content{padding-top: 50px;}
    #content h2{margin: 20px 0;}
    #content h2 .title{font-size: 18px;}
    #content h2 .title::after{margin: 10px auto;}
    #content .c_title1{font-size: 16px;}
    #content .c_title1 img{height: 24px;}
    #content .c_title2 { display: block; }
    #content .c_title2 .title{font-size: 16px;}
    #content .c_text2{font-size: 16px; margin: 20px 0 10px 0;}
    #content .indent{padding: 20px 0;}
    #content .c_box1{padding: 20px 0;}
    #content .c_box2{padding: 40px 0 0 0;}
    #content .c_box2 .area{padding: 15px;}
    #content .c_box3{padding: 20px 0;}
    #content .c_box4{padding: 20px 0;}
    #content .c_img1 img{height: 18px;}
    #content .c_list1{margin-top: 0;}
    #content .c_list1 ul li{padding: 15px;}
    #content .c_list1 ul li .icon img{height: 40px;}
    #content .c_list1 ul li .title{font-size: 16px; margin-top: 10px;}
    #content .c_list1 ul li .text{ margin-top: 10px;}
    #content .c_list2 ul li{padding: 15px;}
    #content .c_list2 ul li .title{font-size: 30px; line-height: 30px;}
    #content .c_list4{padding: 0 0 20px 0;}
    #content .c_list4 ul li a .icon img{height: 50px;}
    #content .c_list4 ul li a .title{font-size: 16px;}
    #content .c_list5{margin-top: 20px;}
    #content .c_list5 ul li{flex: 1 1 calc(50% - 10px); padding: 10px; margin-right: 10px; margin-bottom: 10px;}
    #content .c_list5 ul li .icon img{height: 40px;}
    #content .c_list5 ul li .title{font-size: 16px; margin-top: 10px;}
    #content .c_list5 ul li .text{ margin-top: 10px;}
    #content .c_list6{margin-top: 20px;}
    #content .c_list6 ul li{flex: 1 1 100%; padding: 20px; margin-right: 0; margin-bottom: 20px;}
    #content .c_list6 ul li:last-child{margin-bottom: 0;}
    #content .c_list6 ul li .title{ font-size: 16px; margin-top: 20px;}
    #content .c_list6 ul li .icon img{height: 40px;}
    #content .c_list7{margin-top: 40px;}
    #content .c_list7 ul li{margin-bottom: 20px;}
    #content .c_list7 ul li .title, #content .c_list7 ul li .pic .pic_area .area_title, #content .c_list7 ul li .sub_title{ font-size: 16px; margin-bottom: 10px;}
    #content .c_list7 ul li .title img:first-child{height: 24px;}
    #content .c_list7 ul li .title img:last-child{height: 18px;}
    #content .c_list7 ul li .pic,
    #content .c_list7 ul li .text{margin-bottom: 10px;}
    #content .c_list7 ul li .pic .pic_area .area_text{font-size: 14px;}
    #content .c_list8 ul li .icon img{height: 40px;}
    #content .c_list9 ul li{flex: 1 1 calc(50% - 20px); margin-right: 20px; margin-bottom: 20px;}
    #content .c_list9 ul li .icon img{height: 60px;}
    #content .c_list9 ul li .title,
    #content .c_list9 ul li .icon{margin-bottom: 10px;}
    #content .c_step1{margin: 30px 0;}
    #content .c_step1 ul li{ text-align: center; margin-bottom: 80px; flex: 1 1 100%;}
    #content .c_step1 ul li::after{background-size: 30px 30px; width: 30px; height: 30px; bottom: -55px; right: 50%; transform: rotate(90deg) translate(0, -50%);}
    #content .c_step1 ul li:last-child{flex: 1 1 100%; margin-bottom: 0;}
    #content .c_step1 ul li .num img{ height: 30px;}
    #content .c_step1 ul li .title{font-size: 16px; margin-top: 10px;}
    #content .c_step2{margin: 30px 0;}
    #content .c_step2 ul li{ text-align: center; margin-bottom: 80px; flex: 1 1 100%;}
    #content .c_step2 ul li::after{background-size: 30px 30px; width: 30px; height: 30px; bottom: -55px; right: 50%; transform: rotate(90deg) translate(0, -50%);}
    #content .c_step2 ul li:last-child{flex: 1 1 100%; margin-bottom: 0;}
    #content .c_step2 ul li .num img{ height: 30px;}
    #content .c_step2 ul li .title{ margin-top: 10px;}
    #content .c_link1 ul li a::before{font-size: 20px;}
    #content .c_collapse1 { position: relative;top: 0;overflow: inherit;}
    #content .c_collapse1 .collapse_area{background-color: #fbfbfb; padding: 10px; border: 1px solid #ddd; border-radius: 5px;position: absolute; top: 50px; right: 0; z-index: 9;}
    #content .c_page .main{ max-width: 140px;}
    #content .c_page .main .title{font-size: 14px;}

    /* footer */
    #footer .foot_box{padding: 10px 0;}
    #footer .foot_copyright{ text-align: center; padding: 0; margin: 0; border: 0;}
    #footer .foot_copyright p{margin: 0;}

    /* banner */
    #banner .swiper-slide .title{font-size: 14px; line-height: 14px; margin-bottom: 5px;}
    #banner .swiper-slide .sub_title{font-size: 16px; line-height: 16px; margin-bottom: 5px;}
    #banner .swiper-slide .text{font-size: 14px; line-height: 14px;}
    #banner .swiper-container .swiper-button-next,#banner .swiper-container .swiper-button-prev{ padding: 10px;}
    #banner .banner_custom{padding: 20px 0;}
    #banner .banner_custom .title{font-size: 20px; line-height: 20px; margin-bottom: 10px;}
    #banner .banner_custom .text{font-size: 14px; margin-bottom: 20px;}
    #banner .banner_custom .custom_area{width: 100%;}
    #banner .banner_custom .input-group{padding: 0 3px;}

    /* leave message */
    #leave_message .message_box{width: calc(100% - 20px); right: 10px;}
    #leave_message.is_active .message_box{ bottom: 10px;}

    /* public */
    .display_mobile{display: block;}
    .display_pc{display: none !important;}
    .btn.btn-black{ color: #fff; font-size: 14px; background-color: #000; padding: 5px 10px;}
}