@charset "utf-8";
/*CSS Common*/
body{margin: 0; padding: 0; font-family: "Microsoft YaHei",Arial, Helvetica, sans-serif; font-size: 14px; color: #333; text-align: center; background: #fff; line-height: 26px; margin-left: auto; margin-right: auto;}
a{color: #333; text-decoration: none; outline-style: none; outline-color: invert; outline-width: medium; -webkit-tap-highlight-color: transparent; transition: all 0.3s; -ms-transition: all 0.3s;}
a:link{text-decoration: none;}
a:hover{color: #0e48a1;}
a img{border: 0 none;}
a{outline: none;}
a:focus{outline: none;} 
h1,h2,h3,h4,ul,li,div,p,span,b,i,input,select{margin: 0; padding: 0;}
ul,li,dl,dd,dt{padding: 0; margin: 0; list-style: none;}
input,button,textarea{font-family: "Microsoft YaHei",Arial, Helvetica, sans-serif; outline: none; resize: none; -webkit-appearance: none; border-radius: 0; -webkit-border-radius: 0;}
em,i{font-style: normal;}
img{display: block;}
video{outline: none;}
.clear{clear: both; height: 0; overflow: hidden; display: block;}
.font{font-family: 'SimSun';}
.omit{word-break: keep-all; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.omit-two{word-break: break-all; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;}
.omit-three{word-break: break-all; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden;}
.scale img{transition: all 0.6s; -ms-transition: all 0.6s;}
.scale img:hover{transform: scale(1.1); -webkit-transform: scale(1.1);}
.center{display: flex; justify-content: center; align-items: center;}
.center_vertical{display: flex; align-items: center;}
.center_horizontal{display: flex; justify-content: center;}
.row{display: flex; flex-direction: row; flex-wrap: wrap;}
.row_box{display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between;}
.column{display: flex; flex-direction: column; flex-wrap: wrap;}
.column_box{display: flex; flex-direction: column; flex-wrap: wrap; justify-content: space-between;}
.con{padding: 35px 0 50px 0;}
.content{padding: 35px 0 50px 0; min-width: 1200px; background-image: linear-gradient(to bottom, #eee 10%, #f6f6f6); margin-top: 1px;}
.container{min-width: 1200px; width: 1200px; margin: 0 auto; padding: 0; text-align: left;}

/*header*/
#header{position: fixed; width: 100%; background-color: #fff; top: 0; left: 0; right: 0; min-width: 1200px; margin: 0 auto; text-align: center; z-index: 999;}
#header .header_box{background-color: #f6f6f6; height: 48px; line-height: 48px; color: #666;}
#header .header_box .login a{margin-right: 15px; cursor: pointer;}
#header .header_box .login a:hover{color: #0e48a1;}
#header .header_box .login a.logout{margin-left: 10px; color: #0e48a1;}
#header .header_box .login a.select{width: 102px; height: 28px; line-height: 28px; background: linear-gradient(to right, #1c46a6, #2e54d3); color: #fff; text-align: center; border-radius: 3px; margin-right: 8px;}
#header .header_box .login a.select:hover{opacity: 0.9;}
#header .header_box .login a.reg{width: 74px; height: 28px; line-height: 28px; background: linear-gradient(to right, #1c46a6, #2e54d3); color: #fff; text-align: center; border-radius: 3px;}
#header .header_box .login a.reg:hover{opacity: 0.9;}
#header .header_box .login a.center{margin-left: 10px; margin-right: 0;}
#header .header_box .login a>img{margin-right: 5px;}
#header .header_box .login span.active{margin-left: 5px;}
#header .header_box .login span.active>em{color: #0e48a1;}
#header .header_con{height: 116px;}
#header .header_con .form{width: 650px; height: 42px; background: linear-gradient(to bottom, #2e54d3, #1c46a6); border-radius: 3px; padding: 0 2px;}
#header .header_con .form input[type="text"]{width: 546px; height: 38px; line-height: 38px; border: 0; padding: 0 15px; border-radius: 3px; font-size: 15px; box-sizing: border-box;}
#header .header_con .form button{width: 102px; height: 100%; background: none; border: 0; color: #fff; font-size: 15px; line-height: 1; cursor: pointer;}
#header .header_con .form button img{margin-right: 10px;}
#header .header_con .app a:nth-child(2){margin-left: 25px;}
#header .header_con .app a .img{width: 38px; height: 38px; border-radius: 50%; margin: auto; background: linear-gradient(to right, #1c46a6, #2e54d3);}
#header .header_con .app a:nth-child(1) .img{background: linear-gradient(to right, #eb5b0d, #f68850);}
#header .header_con .app a span{display: block; margin-top: 2px;}
#header .header_con .app a:hover .img{opacity: 0.9;}
.header_app{height: 218px;}

/*menu*/
.menu{background-color: #f6f6f6; height: 54px;}
.menu ul>li{margin: 0 25px; text-align: center; position: relative; z-index: 9;}
.menu ul>li>a{line-height: 54px; display: block; font-size: 16px;}
.menu ul>li>a:hover{color: #0e48a1;}
.menu ul>li>a.on{color: #0e48a1; font-weight: bold;}
.menu ul>li.all{width: 240px; color: #fff; background: linear-gradient(to right, #1c46a6, #2e54d3); margin: 0 40px 0 0; text-align: left; padding: 0 20px; box-sizing: border-box;}
.menu ul>li.all>a{color: #fff; display: flex;}
.menu ul>li.all>a img{margin-right: 18px;}
.menu ul>li.btn{margin: 0;}
.menu ul>li.btn>a{width: 106px; height: 36px; line-height: 36px; display: flex; background: linear-gradient(to bottom, #2e54d3, #1c46a6); color: #fff; font-size: 14px; border-radius: 3px; margin-left: 10px;}
.menu ul>li.btn>a img{margin-right: 5px;}
.menu ul>li.btn>a:nth-child(2){background: linear-gradient(to bottom, #f56c25, #eb5b0d);}
.menu ul>li.btn>a:hover{opacity: 0.9;}
.menu ul>li dl{width: 100%; position: absolute; left: 0; top: 90px; display: none;}
.menu ul>li dl>dd{width: 100%; height: 30px; line-height: 30px; text-align: center;}

/*banner*/
.banner{height: 468px; min-width: 1200px; overflow: hidden;}
.banner .container{position: relative;}
.banner .sort{width: 240px; position: absolute; left: 0; right: 0; z-index: 9;}
.banner .sort ul{width: 240px; height: 468px; background-color: #fff; box-sizing: border-box; overflow-y: auto;}
.banner .sort ul::-webkit-scrollbar{width: 4px;}
.banner .sort ul::-webkit-scrollbar-track{background: #fff;}
.banner .sort ul::-webkit-scrollbar-thumb{background: #2e54d3;}
.banner .sort ul::-webkit-scrollbar-thumb:hover{background: #2e54d3;}
.banner .sort ul>li>a{height: calc(468px/11); line-height: calc(468px/11); font-size: 15px; padding: 0 20px; display: flex; align-items: center; justify-content: space-between; transition: all 0.3s;}
.banner .sort ul>li>a:hover{background: linear-gradient(to right, #1c46a6, #2e54d3); color: #fff;}
.banner .sort ul>li>a.on{background: linear-gradient(to right, #1c46a6, #2e54d3); color: #fff;}
.banner .sort ul>li>a>i{font-size: 18px;}
.banner .sort ul>li .dl_box{width: 920px; height: 100%; position: absolute; left: 220px; top: 0; right: 0; z-index: 9; display: none;}
.banner .sort ul>li dl{width: 100%; height: 100%; padding: 30px; box-sizing: border-box; background-color: #fff; margin-left: 20px;}
.banner .sort ul>li dl>dd{display: inline-block;}
.banner .sort ul>li dl>dd>a{height: 42px; line-height: 42px; font-size: 15px; padding: 0 20px;}
.banner .swiper-container{height: 100%;}
.banner .swiper-slide{background-position: center; background-repeat: no-repeat; background-size: cover;}
.banner .swiper-pagination{bottom: 12px;}
.banner .swiper-pagination-bullets .swiper-pagination-bullet{margin: 0 5px; background: #fff; opacity: 1; width: 8px; height: 8px;}
.banner .swiper-pagination-bullets .swiper-pagination-bullet-active{width: 26px; border-radius: 10px;}
.banner .swiper-button-next,.banner .swiper-button-prev{width: 15px; height: 24px; background-size: 15px 24px; margin-top: -12px;}
.banner .swiper-button-prev{left: 20px;}
.banner .swiper-button-next{right: 20px;}

/*banner_inside*/
.banner_inside{height: 370px; min-width: 1200px;}
.banner_inside .swiper-slide{background-position: center; background-repeat: no-repeat; background-size: cover;}
.banner_inside .swiper-pagination{bottom: 12px;}
.banner_inside .swiper-pagination-bullets .swiper-pagination-bullet{margin: 0 5px; background: #fff; opacity: 1; width: 8px; height: 8px;}
.banner_inside .swiper-pagination-bullets .swiper-pagination-bullet-active{width: 26px; border-radius: 10px;}
.banner_inside .swiper-button-next,.banner_inside .swiper-button-prev{width: 15px; height: 24px; background-size: 15px 24px; margin-top: -12px;}
.banner_inside .swiper-button-prev{left: 20px;}
.banner_inside .swiper-button-next{right: 20px;}

/*home_course*/
#home_course{width: 100%; padding: 50px 0;}
#home_course .home_course_dh{font-size: 15px;}
#home_course .home_course_dh span{font-size: 24px; display: block; position: relative; padding-left: 20px; line-height: 1;}
#home_course .home_course_dh span::before{content: ''; position: absolute; left: 0; top: 0; bottom: 0; width: 4px; background: linear-gradient(to bottom, #1c46a6, #2e54d3);}
#home_course .home_course_dh a>i{font-size: 18px; margin-left: 5px;}
#home_course .home_course_con{margin-top: 35px;}
#home_course .home_course_con ul li{width: 282px; margin-left: 24px; border: 1px solid #eee; box-sizing: border-box;}
#home_course .home_course_con ul li:nth-child(4n+1){margin-left: 0;}
#home_course .home_course_con ul li .img{width: 282px; height: 200px; overflow: hidden;}
#home_course .home_course_con ul li .img img{width: 100%; height: 100%; object-fit: cover;}
#home_course .home_course_con ul li .desc{padding: 10px 15px;}
#home_course .home_course_con ul li .desc span{font-size: 16px; display: block;}
#home_course .home_course_con ul li .desc span>i{color: #be0000; font-weight: bold; font-size: 16px;}
#home_course .home_course_con ul li .desc p{font-size: 15px; color: #333; line-height: 1.4; display: block; margin-top: 5px;}
#home_course .home_course_con ul li .desc .ico{font-size: 15px; color: #333; margin-top: 10px; margin-bottom: 10px;}
#home_course .home_course_con ul li .desc .ico>em{width: 76px; height: 32px; line-height: 32px; color: #fff; background: linear-gradient(to bottom, #2e54d3, #1c46a6); text-align: center; border-radius: 3px; font-size: 14px; transition: all 0.3s;}
#home_course .home_course_con ul li .desc .ico>em img{margin-right: 6px;}
#home_course .home_course_con ul li .desc .ico>em:hover{opacity: 0.9;}

/*home_video*/
#home_video{width: 100%; padding: 50px 0 60px;}
#home_video .home_video_dh{font-size: 15px;}
#home_video .home_video_dh span{font-size: 24px; display: block; position: relative; padding-left: 20px; line-height: 1;}
#home_video .home_video_dh span::before{content: ''; position: absolute; left: 0; top: 0; bottom: 0; width: 4px; background: linear-gradient(to bottom, #1c46a6, #2e54d3);}
#home_video .home_video_dh a>i{font-size: 18px; margin-left: 5px;}
#home_video .home_video_con{margin-top: 35px;}
#home_video .home_video_con ul li{width: 588px; margin-left: 24px; margin-bottom: 24px; border: 1px solid #eee; box-sizing: border-box;}
#home_video .home_video_con ul li:nth-child(2n+1){margin-left: 0;}
#home_video .home_video_con ul li .img{width: 282px; height: 200px; overflow: hidden;}
#home_video .home_video_con ul li .img img{width: 100%; height: 100%; object-fit: cover;}
#home_video .home_video_con ul li .desc{width: 300px; padding: 15px; box-sizing: border-box;}
#home_video .home_video_con ul li .desc>span{font-size: 18px; display: block;}
#home_video .home_video_con ul li .desc>em{margin-top: 10px; color: #666; font-size: 15px;}
#home_video .home_video_con ul li .desc p{font-size: 15px; color: #333; line-height: 1.4; margin-top: 10px;}
#home_video .home_video_con ul li .desc .ico{font-size: 15px; color: #333; margin-top: 10px;}
#home_video .home_video_con ul li .desc .ico>span>i{color: #be0000; font-weight: bold; font-size: 16px;}
#home_video .home_video_con ul li .desc .ico>em{width: 76px; height: 32px; line-height: 32px; color: #fff; background: linear-gradient(to bottom, #2e54d3, #1c46a6); text-align: center; border-radius: 3px; font-size: 14px; transition: all 0.3s;}
#home_video .home_video_con ul li .desc .ico>em img{margin-right: 6px;}
#home_video .home_video_con ul li .desc .ico>em:hover{opacity: 0.9;}

/*home_news*/
#home_news{width: 100%;}
#home_news .home_news_con .news_item{width: 588px;}
#home_news .home_news_con .news_item .dh{font-size: 15px;}
#home_news .home_news_con .news_item .dh span{font-size: 24px; display: block; position: relative; padding-left: 20px; line-height: 1;}
#home_news .home_news_con .news_item .dh span::before{content: ''; position: absolute; left: 0; top: 0; bottom: 0; width: 4px; background: linear-gradient(to bottom, #1c46a6, #2e54d3);}
#home_news .home_news_con .news_item .dh a>i{font-size: 18px; margin-left: 5px;}
#home_news .home_news_con .news_item .list{margin-top: 25px; border: 1px solid #eee; padding: 15px; box-sizing: border-box;}
#home_news .home_news_con .news_item .list ul{min-height: 360px;}
#home_news .home_news_con .news_item .list ul li{padding-bottom: 13px; overflow: hidden;}
#home_news .home_news_con .news_item .list ul li:last-child{padding-bottom: 0;}
#home_news .home_news_con .news_item .list ul li .img{width: 182px; height: 112px; overflow: hidden;}
#home_news .home_news_con .news_item .list ul li .img img{width: 100%; height: 100%; object-fit: cover; transition: all 0.6s; -ms-transition: all 0.6s;}
#home_news .home_news_con .news_item .list ul li .img:hover img{transform: scale(1.1); -webkit-transform: scale(1.1);}
#home_news .home_news_con .news_item .list ul li .desc{width: 350px; font-size: 15px;}
#home_news .home_news_con .news_item .list ul li span{font-size: 16px;}
#home_news .home_news_con .news_item .list ul li p{color: #666; line-height: 1.8; margin-top: 5px;}
#home_news .home_news_con .news_item .list ul li em{display: block; color: #888; margin-top: 10px;}
#home_news .home_news_con .news_item:nth-child(2) .list ul li{padding-bottom: 22px;}
#home_news .home_news_con .news_item:nth-child(2) .list ul li:last-child{padding-bottom: 0;}
#home_news .home_news_con .news_item:nth-child(2) .list ul li span{width: 430px; display: block;}
#home_news .home_news_con .news_item:nth-child(2) .list ul li em{margin-top: 0;}

/*left*/
#left{width: 240px;}
#left .left_box{border: 1px solid #eee; box-sizing: border-box;}
#left .left_top{height: 72px; line-height: 72px; background: linear-gradient(to right, #1c46a6, #2e54d3); font-size: 24px; color: #fff; text-align: center;}
#left .left_dh{margin-top: 15px;}
#left .left_dh>ul>li a{height: 48px; line-height: 48px; display: block; padding: 0 20px; font-size: 16px; box-sizing: border-box; border-bottom: 1px solid #eee; display: flex; align-items: center; justify-content: space-between;}
#left .left_dh>ul>li a>i{font-size: 18px;}
#left .left_dh>ul>li a:hover{background: linear-gradient(to right, #1c46a6, #2e54d3); color: #fff;}
#left .left_dh>ul>li a.on{background: linear-gradient(to right, #1c46a6, #2e54d3); color: #fff;}
#left .left_dh>ul>li:last-child a{border-bottom: 0;}
#left .left_dh>ul>li dl{display: none;}
#left .left_dh>ul>li dl>dd>a{font-size: 15px; padding-left: 30px;}
#left .left_dh>ul>li dl>dd>a.on{background: none; color: #0e48a1;}

/*content*/
#right{width: 902px;}
#right .right_dh{font-size: 15px; border-bottom: 1px solid #eee; padding: 10px 0 15px; color: #676767;}
#right .right_dh a{color: #676767;}
#right .right_dh a:hover{color: #0e48a1;}
#right .right_dh em{color: #0e48a1;}
#right .right_dh span{color: #0e48a1; font-size: 16px;}
#right .right_con{min-height: 200px; padding: 30px 0; font-size: 16px; line-height: 2.2;}
#right .right_box{clear: both; overflow: hidden; font-size: 15px;}
#right .right_box img{max-width: 100%; height: auto !important; display: inline-block;}
#right .right_box video{max-width: 100%; height: auto;}
#right .right_box iframe{max-width: 100%;}

/*popup*/
.popup{width: 100%; height: 100%; background: rgba(0,0,0,0.5); position: fixed; top: 0; left: 0; z-index: 999; display: none;}
.popup .login_con{width: 536px; padding: 30px; box-sizing: border-box; background-color: #fff; color: #333; border-radius: 6px;}
.popup .login_con .title{font-size: 24px; line-height: 1;}
.popup .login_con .title>i{width: 30px; height: 30px; position: relative; background: transparent; display: block; cursor: pointer;}
.popup .login_con .title>i::before,
.popup .login_con .title>i::after{content: ''; position: absolute; top: 50%; left: 50%; width: 26px; height: 2px;
 background-color: #333; transform: translate(-50%, -50%);}
.popup .login_con .title>i::before{transform: translate(-50%, -50%) rotate(45deg);}
.popup .login_con .title>i::after{transform: translate(-50%, -50%) rotate(-45deg);}
.popup .login_con .login_nav{margin-top: 45px;}
.popup .login_con .login_nav>span{width: 50%; display: block; font-size: 18px; line-height: 1; cursor: pointer; position: relative;}
.popup .login_con .login_nav>span::after{content: ''; width: 28px; height: 3px; display: block; margin: 10px auto 0;}
.popup .login_con .login_nav>span.on{color: #1e48ab;}
.popup .login_con .login_nav>span.on::after{background-color: #1e48ab;}
.popup .login_con .login_form{margin-top: 35px;}
.popup .login_con .login_form a{cursor: pointer;}
.popup .login_con .login_form .input_box{position: relative;}
.popup .login_con .login_form input{width: 100%; height: 56px; line-height: 56px; border: 1px solid #e6e6e6; border-radius: 5px; margin-bottom: 18px; padding: 0 20px; font-size: 16px; box-sizing: border-box;}
.popup .login_con .login_form input:focus{border-color: #1e48ab;}
.popup .login_con .login_form button[type="button"]{width: 120px; height: 56px; line-height: 56px; color: #1e48ab; font-size: 16px; position: absolute; top: 0; right: 0; border: 0; background: none; cursor: pointer; display: none;}
.popup .login_con .login_form .notice{line-height: 1; margin-top: 6px; font-size: 15px;}
.popup .login_con .login_form .notice>span>i{color: #1e48ab;}
.popup .login_con .login_form .notice>a{color: #1e48ab;}
.popup .login_con .login_form button[type="submit"]{width: 100%; height: 56px; line-height: 56px; background: linear-gradient(to bottom, #2e54d3, #1c46a6); color: #fff; font-size: 18px; border-radius: 5px; cursor: pointer; border: 0; margin-top: 35px;}
.popup .login_con .login_form button:hover{opacity: 0.9;}
.popup .login_forget{display: none;}
.popup .login_forget .login_form button[type="button"]{display: block;}
.popup .login_form .error{width: 100%; height: 30px; background-color: #fff6f1; border: 1px solid #ed5e11; text-align: left; font-size: 15px; margin-bottom: 30px; display: flex; align-items: center; line-height: 1; padding: 0 10px; box-sizing: border-box; border-radius: 3px;}
.popup .login_form .error>i{margin-right: 8px; color: #ed5e11; font-size: 16px; position: relative; top: 1px;}

.popup .select_con{width: 906px; padding-top: 30px; box-sizing: border-box; background-color: #fff; color: #333; border-radius: 6px; overflow: hidden;}
.popup .select_con>.title{font-size: 24px; line-height: 1; padding: 0 30px;}
.popup .select_con>.title>i{width: 30px; height: 30px; position: relative; background: transparent; display: block; cursor: pointer;}
.popup .select_con>.title>i::before,
.popup .select_con>.title>i::after{content: ''; position: absolute; top: 50%; left: 50%; width: 26px; height: 2px;
 background-color: #333; transform: translate(-50%, -50%);}
.popup .select_con>.title>i::before{transform: translate(-50%, -50%) rotate(45deg);}
.popup .select_con>.title>i::after{transform: translate(-50%, -50%) rotate(-45deg);}
.popup .select_con .select_box{margin-top: 20px; padding-right: 10px;}
.popup .select_con .select_sort{width: 138px; height: 578px; background-color: #f6f6f6; overflow-y: auto;}
.popup .select_con .select_sort::-webkit-scrollbar{width: 5px;}
.popup .select_con .select_sort::-webkit-scrollbar-track{background: #eee;}
.popup .select_con .select_sort::-webkit-scrollbar-thumb{background: #ddd;}
.popup .select_con .select_sort::-webkit-scrollbar-thumb:hover{background: #ddd;}
.popup .select_con .select_sort>span{display: block; line-height: 1.4; font-size: 15px; padding: 15px 20px; text-align: left; cursor: pointer;}
.popup .select_con .select_sort>span.on{background: linear-gradient(to right, #1c46a6, #2e54d3); color: #fff;}
.popup .select_con .select_list{width: 730px; height: 540px; text-align: left; overflow-y: auto; margin-bottom: 30px;}
.popup .select_con .select_list::-webkit-scrollbar{width: 5px;}
.popup .select_con .select_list::-webkit-scrollbar-track{background: #eee;}
.popup .select_con .select_list::-webkit-scrollbar-thumb{background: #274ca3;}
.popup .select_con .select_list::-webkit-scrollbar-thumb:hover{background: #274ca3;}
.popup .select_con .select_list .select_item>span{font-size: 16px; font-weight: bold;}
.popup .select_con .select_list .select_item>ul{gap: 8px; margin: 20px 0;}
.popup .select_con .select_list .select_item>ul>li{width: 230px; background-color: #f6f6f6; padding: 20px; box-sizing: border-box; font-size: 15px; text-align: center; cursor: pointer; border: 2px solid transparent;}
.popup .select_con .select_list .select_item>ul>li.on{border-color: #274ca3; color: #274ca3;}

.popup .apply_con{width: 536px; padding: 30px; box-sizing: border-box; background-color: #fff; color: #333; border-radius: 6px;}
.popup .apply_con>.title{font-size: 24px; line-height: 1;}
.popup .apply_con>.title>i{width: 30px; height: 30px; position: relative; background: transparent; display: block; cursor: pointer;}
.popup .apply_con>.title>i::before,
.popup .apply_con>.title>i::after{content: ''; position: absolute; top: 50%; left: 50%; width: 26px; height: 2px;
 background-color: #333; transform: translate(-50%, -50%);}
.popup .apply_con>.title>i::before{transform: translate(-50%, -50%) rotate(45deg);}
.popup .apply_con>.title>i::after{transform: translate(-50%, -50%) rotate(-45deg);}
.popup .apply_con .apply_form .input_box{text-align: left; margin-top: 20px; font-size: 15px;}
.popup .apply_con .apply_form .input_box .input_item{width: calc(100% / 3); line-height: 2.6;}
.popup .apply_con .apply_form .input_box .input_item em{width: 14px; height: 14px; border: 1px solid #ddd; border-radius: 50%; margin-right: 10px;}
.popup .apply_con .apply_form .input_box .input_item em>i{width: 10px; height: 10px; display: block; border-radius: 50%;}
.popup .apply_con .apply_form .input_box .input_item_on em>i{background-color: #1c46a6; border-color: #1c46a6;}
.popup .apply_con .apply_form textarea{width: 100%; height: 120px; border-radius: 5px; border: 1px solid #e5e5e5; padding: 15px; box-sizing: border-box; font-size: 15px;}
.popup .apply_con .apply_form button[type="submit"]{width: 120px; height: 46px; line-height: 1; background: linear-gradient(to bottom, #2e54d3, #1c46a6); color: #fff; font-size: 16px; border-radius: 5px; cursor: pointer; border: 0; margin-top: 20px;}
.popup .apply_con .apply_form button:hover{opacity: 0.9;}

.popup .cart_con{width: 720px; padding: 30px; box-sizing: border-box; background-color: #fff; color: #333; border-radius: 6px;}
.popup .cart_con>.title{font-size: 24px; line-height: 1;}
.popup .cart_con>.title>i{width: 30px; height: 30px; position: relative; background: transparent; display: block; cursor: pointer;}
.popup .cart_con>.title>i::before,
.popup .cart_con>.title>i::after{content: ''; position: absolute; top: 50%; left: 50%; width: 26px; height: 2px;
 background-color: #333; transform: translate(-50%, -50%);}
.popup .cart_con>.title>i::before{transform: translate(-50%, -50%) rotate(45deg);}
.popup .cart_con>.title>i::after{transform: translate(-50%, -50%) rotate(-45deg);}
.popup .cart_con .cart_list{margin-top: 20px;}
.popup .cart_con .cart_list .img{width: 120px; height: 86px; border: 1px solid #eee; overflow: hidden;}
.popup .cart_con .cart_list .img img{width: 100%; height: 100%; object-fit: cover;}
.popup .cart_con .cart_list .desc{width: 340px; text-align: left;}
.popup .cart_con .cart_list .desc>span{display: block; font-size: 16px;}
.popup .cart_con .cart_list .desc>em{margin-top: 5px; display: block; color: #888;}
.popup .cart_con .cart_list .price{width: 140px;}
.popup .cart_con .cart_list .price>span{color: #be0000; font-weight: bold; font-size: 16px;}
.popup .cart_con .cart_pay{text-align: left; margin-top: 15px; font-size: 15px;}
.popup .cart_con .cart_pay span>i{color: #be0000; font-weight: bold; font-size: 16px;}
.popup .cart_con .cart_select{margin-top: 20px; padding-top: 20px; text-align: left; font-size: 15px; border-top: 1px solid #e6e6e6;}
.popup .cart_con .cart_select .box{margin-top: 10px;}
.popup .cart_con .cart_select .cart_item{border: 1px solid #e6e6e6; border-radius: 5px; padding: 6px 15px; box-sizing: border-box; margin-right: 20px; cursor: pointer;}
.popup .cart_con .cart_select .cart_item_on{border-color: #0e48a1;}
.popup .cart_con .cart_select .cart_item img{width: 26px; height: auto; margin-right: 10px;}
.popup .cart_con button{width: 120px; height: 46px; line-height: 1; background: linear-gradient(to bottom, #2e54d3, #1c46a6); color: #fff; font-size: 16px; border-radius: 5px; cursor: pointer; border: 0; margin-top: 30px;}
.popup .cart_con button:hover{opacity: 0.9;}

/*list_pro*/
ul.list_pro li{width: 284px; margin-left: 25px; margin-bottom: 25px; border: 1px solid #eee; box-sizing: border-box;}
ul.list_pro li:nth-child(3n+1){margin-left: 0;}
ul.list_pro li .img{width: 284px; height: 200px; overflow: hidden;}
ul.list_pro li .img img{width: 100%; height: 100%; object-fit: cover;}
ul.list_pro li .desc{padding: 10px 15px;}
ul.list_pro li .desc span{display: block;;}
ul.list_pro li .desc span>i{color: #be0000; font-weight: bold; font-size: 16px;}
ul.list_pro li .desc p{font-size: 15px; color: #333; line-height: 1.4;}
ul.list_pro li .desc .ico{font-size: 15px; color: #333; margin-top: 10px; margin-bottom: 10px;}
ul.list_pro li .desc .ico>em{width: 76px; height: 32px; line-height: 32px; color: #fff; background: linear-gradient(to bottom, #2e54d3, #1c46a6); text-align: center; border-radius: 3px; font-size: 14px; transition: all 0.3s;}
ul.list_pro li .desc .ico>em img{margin-right: 6px;}
ul.list_pro li .desc .ico>em:hover{opacity: 0.9;}

/*display*/
.dis_big{text-align: center;}
.dis_pic{width: 460px; height: 330px; box-sizing: border-box; border: 1px solid #eee; overflow: hidden;}
.dis_pic img{width: 100%; height: 100%; object-fit: cover;}
.dis_pic video{width: 100%; height: 100%; object-fit: cover;}
.dis_big .view{width: 100%; border: 1px solid #e6e6e6;}
.dis_big .view .swiper-container{width: 100%; height: 460px;}
.dis_big .view .swiper-slide{display: flex; justify-content: center; align-items: center;}
.dis_big .view .swiper-slide img{max-width: 100%; max-height: 100%;}
.dis_big .view .arrow-left{position:absolute; left: 10px; top: 50%; margin-top: -19px; width: 38px; height: 38px; z-index: 10; display: none;}
.dis_big .view .arrow-right{position:absolute; right: 10px; top: 50%; margin-top:- 19px; width: 38px; height: 38px; z-index: 10; display: none;}
.dis_big .preview{width: 100%; margin-top: 15px; position: relative;}
.dis_big .preview .swiper-container{width: 90%; height: 60px; margin: 0 auto;}
.dis_big .preview .swiper-slide{height: 60px; cursor: pointer; text-align: center;}
.dis_big .preview .swiper-slide>.img{height: 100%; margin: 0 6px; position: relative; border: 1px solid #e6e6e6; box-sizing: border-box; display: flex; justify-content: center; align-items: center;}
.dis_big .preview .swiper-slide>.img>img{max-width: 100%; max-height: 90%;}
.dis_big .preview .swiper-slide-thumb-active>.img{border-color: #0e48a1;}
.dis_big .preview .arrow-left{position: absolute; left: 0; top: 50%; margin-top: -30px; width: 12px; height: 60px; z-index: 10;}
.dis_big .preview .arrow-right{position: absolute; right: 0; top: 50%; margin-top: -30px; width: 12px; height: 60px; z-index: 10;}
.dis_big .preview i{font-size: 36px; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%);}
.dis_desc{width: 390px; text-align: left; margin-top: 50px;}
.dis_desc>span{font-size: 22px; display: block; line-height: 1.4;}
.dis_desc>.spec{margin-top: 20px; font-size: 15px;}
.dis_desc>.spec>em{display: block;}
.dis_desc>.spec>em>i{color: #be0000; font-weight: bold; font-size: 16px;}
.dis_desc>a{width: 86px; height: 36px; line-height: 36px; color: #fff; background: linear-gradient(to bottom, #2e54d3, #1c46a6); text-align: center; border-radius: 3px; font-size: 14px; transition: all 0.3s; margin-top: 30px; cursor: pointer;}
.dis_desc>a img{margin-right: 6px;}
.dis_desc>a:hover{opacity: 0.9;}
.dis_note{text-align: left; margin-top: 40px;}
.dis_note img{display: inline-block;}
.dis_note>span{font-size: 18px; padding-left: 18px; line-height: 1.2; position: relative; display: none;}
.dis_note>span::before{content: ''; position: absolute; left: 0; top: 0; bottom: 0; width: 4px; background: linear-gradient(to bottom, #1c46a6, #2e54d3);}
.dis_note .dh{margin-bottom: 20px;}
.dis_note .dh>span{height: 50px; line-height: 50px; font-size: 17px; cursor: pointer; margin-right: 40px; padding: 0 5px; border-bottom: 3px solid transparent; display: inline-block;}
.dis_note .dh>span.on{border-color: #204ab2; color: #204ab2;}
.dis_note .dh_box{border-bottom: 1px solid #eee;}
.dis_note>.desc{margin-top: 20px; padding: 15px 0; font-size: 15px;}

/*list_share*/
ul.list_share li{width: 235px; margin-left: 20px; margin-bottom: 20px;}
ul.list_share li:nth-child(4n+1){margin-left: 0;}
ul.list_share li .img{width: 235px; height: 180px; margin: 0 auto; overflow: hidden;}
ul.list_share li img{width: 100%; height: 100%; object-fit: cover; transition: all 0.6s; -ms-transition: all 0.6s;}
ul.list_share li:hover img{transform: scale(1.1); -webkit-transform: scale(1.1);}
ul.list_share li span{display: block; padding-top: 10px;}

/*share_list*/
ul.share_list li{width: 235px; margin-left: 20px; margin-bottom: 20px;}
ul.share_list li:nth-child(4n+1){margin-left: 0;}
ul.share_list .img{width: 235px; height: 180px; margin: 0 auto; border: 1px solid #e6e6e6; box-sizing: border-box; display: flex; align-items: center; justify-content: center; overflow: hidden;}
ul.share_list .img img{max-width: 100%; max-height: 100%; transition: all 0.5s; -ms-transition: all 0.5s;}
ul.share_list li:hover img{transform: scale(1.08); -webkit-transform: scale(1.08);}
ul.share_list li span{display: block; padding-top: 10px; text-align: center;}

/*table*/
table{width: 100%; border-width: 1px; border-color: #eee; border-collapse: collapse;}
table th{border-width: 1px; padding: 8px; border-style: solid; border-color: #eee; background-color: #e8e8e8;}
table td{border-width: 1px; padding: 8px; border-style: solid; border-color: #eee; background-color: #fff;}

/*list_news*/
ul.list_news li{height: 60px; line-height: 60px; border-bottom: 1px solid #eee;}
ul.list_news li span{width: 680px;}
ul.list_news li em{color: #666;}

/*list_img_news*/
ul.list_img_news li{padding-bottom: 30px; overflow: hidden;}
ul.list_img_news li .img{width: 250px; height: 156px; overflow: hidden;}
ul.list_img_news li .img img{width: 100%; height: 100%; object-fit: cover; transition: all 0.6s; -ms-transition: all 0.6s;}
ul.list_img_news li .img:hover img{transform: scale(1.1); -webkit-transform: scale(1.1);}
ul.list_img_news li .desc{width: 620px; font-size: 15px;}
ul.list_img_news li span{display: block; font-size: 16px;}
ul.list_img_news li p{color: #666; line-height: 1.8; margin-top: 5px;}
ul.list_img_news li em{display: block; color: #888; margin-top: 10px;}

/*list_pic_news*/
ul.list_pic_news li{width: 300px; margin: 0 8px; height: 260px;}
ul.list_pic_news li .img{width: 300px; height: 200px; overflow: hidden;}
ul.list_pic_news li img{width: 100%; height: 100%; object-fit: cover; transition: all 0.6s; -ms-transition: all 0.6s;}
ul.list_pic_news li:hover img{transform: scale(1.1); -webkit-transform: scale(1.1);}
ul.list_pic_news li span{display: block; padding-top: 10px;}

/*dis_news*/
#dis_news .news_title{font-weight: bold; font-size: 24px; text-align: center;}
#dis_news .news_date{color: #888; text-align: center; line-height: 2; padding-bottom: 10px;}
#dis_news .news_content{text-align: left;}
#dis_news .news_share{margin: 10px auto 20px; border-top: 1px solid #eee; padding-top: 30px;}
#dis_news .news_share .share_item{margin: 0 20px; line-height: 1; cursor: pointer;}
#dis_news .news_share .share_item img{margin-right: 5px; position: relative; top: 1px;}
#dis_news .news_share .share_item ul{margin-left: 5px;}
#dis_news .news_share .share_item ul>li img{max-width: 21px; display: block;}
#dis_news .news_page{margin-top: 30px; border-top: 1px solid #eee; padding-top: 30px;}
#dis_news .news_page a{padding: 0 15px; border: 1px solid #e6e6e6; border-radius: 5px; transition: all 0.3s; -ms-transition: all 0.3s;}
#dis_news .news_page a:hover{background: linear-gradient(to bottom, #2e54d3, #1c46a6); color: #fff;}

/*share*/
#qrcode{text-align: center;}
#qrcode canvas{width: 200px; height: 200px;}
.bd_weixin_popup{position: fixed; padding: 10px; width: 240px; height: 300px; background: #fff; border: solid 1px #eee; z-index: 9; top: 0; right: 0; left: 0; bottom: 0; margin: auto; box-shadow: 0 5px 10px 3px rgba(0,0,0,0.05); display: none;}
.bd_weixin_popup .bd_weixin_popup_head{font-weight: bold; text-align: left; line-height: 1.4; height: 16px; position: relative; color: #333;}
.bd_weixin_popup .bd_weixin_popup_head .bd_weixin_popup_close{width: 16px; height: 16px; position: absolute; right: 0; top: 0; color: #999; text-decoration: none; font-size: 16px;}
.bd_weixin_popup .bd_weixin_popup_head .bd_weixin_popup_close:hover{text-decoration: none;}
.bd_weixin_popup .bd_weixin_popup_main{padding: 15px 10px; min-height: 150px;}
.bd_weixin_popup .bd_weixin_popup_foot{font-size: 12px; text-align: left; line-height: 1.4; color: #666;}

/*list_con*/
.list_con{border: 1px solid #eee; box-sizing: border-box; font-size: 15px;}
.list_con li{padding: 20px 0; border-bottom: 1px solid #eee;}
.list_con li:nth-child(1){height: 42px; line-height: 42px; background-color: #204ab2; color: #fff; padding: 0;}
.list_con li:last-child{border-bottom: 0;}
.list_con li span{width: 140px; display: block; text-align: center;}
.list_con li span:nth-child(1){width: 400px;}
.list_con li span:nth-child(4){width: 220px;}
.list_con li .box{width: 140px; text-align: center; line-height: 1.4;}
.list_con li .box:nth-child(1){width: 400px;}
.list_con li .box:nth-child(4){width: 220px;}
.list_con li .box .status{color: #be0000;}
.list_con li .desc{text-align: left; padding-left: 20px; box-sizing: border-box;}
.list_con li .desc p{font-size: 16px;}
.list_con li .desc em{color: #666; margin-top: 8px; display: block;}
.list_con li .desc_box{line-height: 1.8;}
.list_con li a{width: 90px; height: 32px; line-height: 32px; color: #204ab2; border: 1px solid #204ab2; border-radius: 20px; text-align: center; margin: 0 6px; display: block; cursor: pointer;}
.list_con li a:nth-child(1){background-color: #204ab2; color: #fff;}
.list_con li .box.count:nth-child(1){width: 620px;}
.list_con li span.count:nth-child(1){width: 620px; text-align: left; padding-left: 20px; box-sizing: border-box;}
.list_con li.exam span{width: 180px;}
.list_con li.exam span:nth-child(1){width: 300px;}
.list_con li.exam span:nth-child(3){width: 120px;}
.list_con li.exam span:nth-child(4){width: 100px;}
.list_con li.exam .box{width: 180px;}
.list_con li.exam .box:nth-child(1){width: 300px;}
.list_con li.exam .box:nth-child(3){width: 120px;}
.list_con li.exam .box:nth-child(4){width: 100px;}
.list_con li.exam .box a:nth-child(1){background-color: unset; color: #204ab2;}

/*list_exam*/
.list_exam{margin-bottom: 20px; font-size: 15px;}
.list_exam a{width: 100px; height: 36px; line-height: 36px; background: linear-gradient(to bottom, #2e54d3, #1c46a6); color: #fff; border-radius: 5px; text-align: center; margin-right: 20px;}

/*list_video*/
.list_video .dh{background-color: #f6f6f6; height: 48px; line-height: 48px; position: relative; padding-left: 20px;}
.list_video .dh::before{content: ''; position: absolute; left: 0; top: 0; bottom: 0; width: 4px; background: linear-gradient(to bottom, #1c46a6, #2e54d3);}
.list_video .dh .date{margin-left: 40px;}
.list_video .dh .date img{margin-right: 8px;}
.list_video .list{margin-top: 40px;}
.list_video .list>span{font-size: 18px; display: block; position: relative; padding-left: 20px; line-height: 1.2;}
.list_video .list>span::before{content: ''; position: absolute; left: 0; top: 0; bottom: 0; width: 4px; background: linear-gradient(to bottom, #1c46a6, #2e54d3);}
.list_video .list>span:nth-child(3){margin-top: 15px;}
.list_video .list ul{margin-top: 25px;}
.list_video .list ul li{width: 284px; margin-left: 25px; margin-bottom: 25px; border: 1px solid #eee; box-sizing: border-box;}
.list_video .list ul li:nth-child(3n+1){margin-left: 0;}
.list_video .list ul li .img{width: 284px; height: 200px; overflow: hidden;}
.list_video .list ul li .img img{width: 100%; height: 100%; object-fit: cover;}
.list_video .list ul li .desc{padding: 10px 15px;}
.list_video .list ul li .desc .ico{font-size: 15px; color: #333;}
.list_video .list ul li .desc .ico>em{width: 76px; height: 32px; line-height: 32px; color: #fff; background: linear-gradient(to bottom, #2e54d3, #1c46a6); text-align: center; border-radius: 3px; font-size: 14px;}
.list_video .list ul li .desc .ico>em:hover{opacity: 0.9;}

/*list_order*/
.list_order li{padding: 20px; border: 1px solid #eee;}
.list_order li:nth-child(1){height: 46px; line-height: 46px; background-color: #204ab2; padding: 0; border: 0; margin-bottom: 16px;}
.list_order li:nth-child(1) a{width: 18%; height: 46px; line-height: 34px; border-radius: 5px 5px 0 0; margin: 6px 10px; text-align: center; color: #fff; cursor: pointer; font-size: 15px;}
.list_order li:nth-child(1) a.on{background-color: #fff; color: #204ab2;}
.list_order li .no{padding-bottom: 20px; font-size: 15px; border-bottom: 1px solid #eee; margin-bottom: 20px; line-height: 1;}
.list_order li .desc{font-size: 15px;}
.list_order li .desc .img{width: 480px;}
.list_order li .desc .img_box{width: 180px; height: 128px; border: 1px solid #eee; overflow: hidden;}
.list_order li .desc .img_box img{width: 100%; height: 100%; object-fit: cover;}
.list_order li .desc .spec{margin-left: 25px;}
.list_order li .desc .spec>p{line-height: 1.4; font-size: 16px;}
.list_order li .desc .spec>span{display: block; margin-top: 5px;}
.list_order li .desc .spec>span>i{color: #be0000; font-weight: bold;}
.list_order li .desc .status{width: 150px; text-align: center;}
.list_order li .desc .btn{width: 150px; text-align: center;}
.list_order li .desc .btn>a{width: 90px; height: 32px; line-height: 32px; background-color: #204ab2; color: #fff; border: 1px solid #204ab2; border-radius: 20px; text-align: center; margin: auto; display: block;}

/*list_course*/
.list_course .swiper-container .img{width: 100%; height: 246px;}
.list_course .swiper-container .img img{width: 100%; height: 100%; object-fit: cover;}
.list_course .swiper-pagination{bottom: 0; display: none;}
.list_course .swiper-pagination-bullets .swiper-pagination-bullet{margin: 0 4px; background: #fff; opacity: 0.5; width: 8px; height: 8px;}
.list_course .swiper-pagination-bullets .swiper-pagination-bullet-active{opacity: 1;}
.list_course .spec{margin: 25px 0 20px 0;}
.list_course .spec>span{font-size: 18px; display: block; line-height: 1.4;}
.list_course .spec>em{font-size: 15px; display: block;}
.list_course .dh>li{padding: 20px; border: 1px solid #eee;}
.list_course .dh>li{height: 46px; line-height: 46px; background-color: #204ab2; padding: 0; border: 0; margin-bottom: 16px;}
.list_course .dh>li a{width: 16%; height: 46px; line-height: 34px; border-radius: 5px 5px 0 0; margin: 6px 15px; text-align: center; color: #fff; cursor: pointer; font-size: 15px; position: relative;}
.list_course .dh>li a.on{background-color: #fff; color: #204ab2;}
.list_course .dh>li a>i{padding: 0 5px; height: 20px; line-height: 20px; border-radius: 10px; background: linear-gradient(to right, #eb5b0d, #f68850); color: #fff; position: absolute; right: -20px; top: -10px; font-size: 12px;}
.list_course .list{margin-top: 30px;}
.list_course .list .title{border-bottom: 1px solid #eee; padding: 15px 0;}
.list_course .list .title>i{font-size: 22px;}
.list_course .list .title .box>i{width: 22px; height: 22px; background-color: #2049b0; border-radius: 50%; position: relative; cursor: pointer;}
.list_course .list .off .box>i::before, .list_course .list .title .box>i::after{content: ''; position: absolute; width: 10px; height: 2px; top: 50%; left: 50%; margin-left: -5px; background-color: #fff; transform: translateY(-50%);}
.list_course .list .off .box>i::after{width: 2px; height: 10px; top: 50%; left: 50%; margin-top: -5px; margin-left: 0; transform: translateX(-50%);}
.list_course .list .on .box>i::before{content: ''; position: absolute; width: 10px; height: 2px; top: 50%; left: 50%; margin-left: -5px; background-color: #fff; transform: translateY(-50%);}
.list_course .list .on>i{transform: rotate(90deg);}
.list_course .list .desc{margin-left: 12px; line-height: 1.4;}
.list_course .list .desc>span{display: block; font-weight: bold;}
.list_course .list .desc>em{font-size: 15px; display: block; margin-top: 2px;}
.list_course .list li .title>a{width: 86px; height: 32px; line-height: 32px; color: #fff; background: linear-gradient(to bottom, #2e54d3, #1c46a6); text-align: center; display: block; border-radius: 3px; font-size: 14px; transition: all 0.3s;}
.list_course .list li .title>a:hover{opacity: 0.9;}
.list_course .list li .box a{width: 86px; height: 32px; line-height: 32px; color: #fff; background: linear-gradient(to bottom, #2e54d3, #1c46a6); text-align: center; display: block; border-radius: 3px; font-size: 14px; transition: all 0.3s;}
.list_course .list li .box a:hover{opacity: 0.9;}
.list_course .list li .box a.download{color: #2049b0; border: 1px solid #2049b0; background: none; margin-top: 10px;}
.list_course .list li>ul>li .desc>span{font-size: 15px;}
.list_course .list li>ul>li .apply>a{width: 86px; height: 32px; line-height: 32px; color: #fff; background: linear-gradient(to bottom, #2e54d3, #1c46a6); text-align: center; display: block; border-radius: 3px; font-size: 14px; transition: all 0.3s;}
.list_course .list li>ul>li .apply>a:hover{opacity: 0.9;}
.list_course .list dl>dd .title{padding-left: 20px;}
.list_course .list dl>dd .title .box>i{background: none;}
.list_course .list dl>dd .title .box>i::after{display: none;}
.list_course .list dl>dd .title .box>i::before{display: none;}
.list_course .list dl>dd .desc>span{font-weight: normal;}
.list_course .list dl>dd .apply>a{width: 86px; height: 32px; line-height: 32px; color: #fff; background: linear-gradient(to bottom, #2e54d3, #1c46a6); text-align: center; display: block; border-radius: 3px; font-size: 14px; transition: all 0.3s;}
.list_course .list dl>dd .apply>a:hover{opacity: 0.9;}

/*exam*/
#exam .dh{background-color: #fff; border-radius: 5px; font-size: 16px;}
#exam .dh .spec{padding: 20px; border-bottom: 1px solid #eee;}
#exam .dh .spec>a img{margin-right: 10px;}
#exam .dh .desc{padding: 20px; font-size: 15px;}
#exam .dh .desc ul{width: 350px;}
#exam .dh .desc ul>li{width: 50%; line-height: 2;}
#exam .dh .desc .btn>a{width: 156px; height: 42px; line-height: 42px; color: #204ab2; text-align: center; border-radius: 25px; margin-left: 20px; border: 1px solid #204ab2; font-size: 16px;}
#exam .dh .desc .btn>a:nth-child(2){background: linear-gradient(to bottom, #2e54d3, #1c46a6); color: #fff;}
#exam .dh .desc .btn>a:nth-child(2):hover{opacity: 0.9;}
#exam .list{background-color: #fff; border-radius: 5px; font-size: 16px; margin-top: 18px; padding: 10px 20px 30px 20px;}
#exam .list .list_dh{border-bottom: 1px solid #eee; margin-bottom: 20px;}
#exam .list .list_dh>span{height: 50px; line-height: 50px; cursor: pointer; margin-right: 50px; padding: 0 5px; border-bottom: 3px solid transparent; display: inline-block;}
#exam .list .list_dh>span.on{border-color: #204ab2; color: #204ab2;}
#exam .list .desc{font-size: 15px; line-height: 2.2;}
#exam .list ul{border: 1px solid #eee; box-sizing: border-box; font-size: 15px; margin-top: 25px;}
#exam .list ul>li{height: 42px; line-height: 42px; border-bottom: 1px solid #eee;}
#exam .list ul>li:nth-child(1){background-color: #204ab2; color: #fff;}
#exam .list ul>li:last-child{border-bottom: 0;}
#exam .list ul>li>span{width: 25%; text-align: center;}

/*details*/
#details .dh{background-color: #fff; border-radius: 5px; font-size: 16px;}
#details .dh .spec{padding: 20px; border-bottom: 1px solid #eee;}
#details .dh .spec>a img{margin-right: 10px;}
#details .dh .btn{padding: 20px; position: relative;}
#details .dh .btn_box{width: 250px; height: 42px; line-height: 42px; color: #204ab2; margin: auto;}
#details .dh .btn_box>span{width: 156px; text-align: center; display: block; cursor: pointer; border: 1px solid #204ab2; border-radius: 25px 0 0 25px;}
#details .dh .btn_box>span:first-child{border-right: 0;}
#details .dh .btn_box>span:last-child{border-radius: 0 25px 25px 0; border-left: 0;}
#details .dh .btn_box>span.on{background: linear-gradient(to bottom, #2e54d3, #1c46a6); color: #fff;}
#details .dh .btn_box>span.on:hover{opacity: 0.9;}
#details .dh a.end{width: 120px; height: 40px; line-height: 40px; background: linear-gradient(to bottom, #f56c25, #eb5b0d); color: #fff; font-size: 16px; border-radius: 5px; text-align: center; display: block; margin-top: 20px; cursor: pointer; position: absolute; right: 20px; top: 0;}
#details .dh a.end:hover{opacity: 0.9;}
#details .list{margin-top: 18px;}
#details .list .exam_box{width: 900px;}
#details .list .exam_con{background-color: #fff; border-radius: 5px; padding: 20px 0; box-sizing: border-box;}
#details .list .exam_con{padding: 20px 0; font-size: 16px;}
#details .list .exam_con .num>span{font-size: 15px; height: 32px; line-height: 32px; padding: 0 15px; border: 1px solid #204ab2; color: #204ab2; text-align: center; display: block; border-radius: 20px;}
#details .list .exam_con .title{width: 94%; font-weight: bold; margin: 15px 0 20px 0; line-height: 1.8; flex-wrap: nowrap;}
#details .list .exam_con .title em{margin-right: 5px; display: block;}
#details .list .exam_con .title img{max-width: 80%; margin: 25px auto 0;}
#details .list .exam_con .title_box{background-color: #f6f6f6; border-radius: 3px; padding: 15px; box-sizing: border-box; line-height: 1.8;}
#details .list .exam_con .title_box>span{font-weight: bold;}
#details .list .exam_con .exam_question>ul{margin-top: 30px;}
#details .list .exam_con .exam_question>ul>li{margin-bottom: 20px; line-height: 1.6; cursor: pointer;}
#details .list .exam_con .exam_question>ul>li i{width: 32px; height: 32px; border-radius: 50%; border: 1px solid #dadada; display: flex; align-items: center; justify-content: center; margin-right: 15px;}
#details .list .exam_con .exam_question>ul>li.on i{background-color: #204ab2; color: #fff; border-color: #204ab2;}
#details .list .exam_con .exam_question>ul>li.error i{background-color: #be0000; color: #fff; border-color: #be0000;}
#details .list .exam_con .exam_question>ul>li span{width: 780px;}
#details .list .exam_question{padding: 10px 20px;}
#details .list .exam_question img{max-width: 80%; margin: auto;}
#details .list .exam_answer{border-top: 1px solid #eee; padding: 20px;}
#details .list .exam_answer .btn_box{display: flex; justify-content: flex-end;}
#details .list .exam_answer .btn_box .btn_item{margin-left: 30px; cursor: pointer;}
#details .list .exam_answer .btn_box .btn_item .img{width: 16px; height: 16px; margin-right: 5px; overflow: hidden;}
#details .list .exam_answer .btn_box .btn_item .img_on img:nth-child(1){display: none;}
#details .list .exam_answer .answer_box{margin-top: 20px; padding: 25px; background-color: #f6f6f6; border-radius: 3px;}
#details .list .exam_answer .answer_box .btn_item{margin: 0 25px;}
#details .list .exam_answer .answer_box .btn_item i.right{color: #204ab2;}
#details .list .exam_answer .answer_box .btn_item i.error{color: #be0000;}
#details .list .exam_answer .assay_box{margin-top: 30px;}
#details .list .exam_answer .assay_box>span{font-size: 18px; display: block; position: relative; padding-left: 18px; line-height: 1.2;}
#details .list .exam_answer .assay_box>span::before{content: ''; position: absolute; left: 0; top: 0; bottom: 0; width: 4px; background: linear-gradient(to bottom, #1c46a6, #2e54d3);}
#details .list .exam_answer .assay_box .desc{background-color: #f6f6f6; border-radius: 3px; padding: 25px; margin-top: 10px; font-size: 15px; line-height: 2;}
#details .list .exam_answer .note_box{margin-top: 30px;}
#details .list .exam_answer .note_box>span{font-size: 18px; display: block; position: relative; padding-left: 18px; line-height: 1.2;}
#details .list .exam_answer .note_box>span::before{content: ''; position: absolute; left: 0; top: 0; bottom: 0; width: 4px; background: linear-gradient(to bottom, #1c46a6, #2e54d3);}
#details .list .exam_answer .note_box>.note{border: 1px solid #e6e6e6; padding: 15px; border-radius: 5px; margin-top: 20px; align-items: flex-end;}
#details .list .exam_answer .note_box>.note textarea{width: 680px; border: 0; height: 80px; resize: none; line-height: 1.8; overflow: hidden; font-size: 15px;}
#details .list .exam_answer .note_box>.note button{width: 106px; height: 36px; line-height: 36px; background: linear-gradient(to bottom, #2e54d3, #1c46a6); border: 0; color: #fff; font-size: 15px; border-radius: 3px; text-align: center; cursor: pointer;}
#details .list .exam_answer .note_box>.note button:hover{opacity: 0.9;}
#details .list .exam_answer .note_list{margin-top: 30px;}
#details .list .exam_answer .note_list>span{font-size: 18px; display: block; position: relative; line-height: 1.2;}
#details .list .exam_answer .note_list>ul{margin-top: 15px;}
#details .list .exam_answer .note_list>ul>li{padding-bottom: 20px; margin-bottom: 20px; border-bottom: 1px solid #e6e6e6;}
#details .list .exam_answer .note_list>ul>li:last-child{padding-bottom: 0; margin-bottom: 0; border-bottom: 0;}
#details .list .exam_answer .note_list>ul>li span{width: 200px;}
#details .list .exam_answer .note_list>ul>li em{color: #888;}
#details .list .exam_answer .note_list>ul>li .desc{font-size: 15px; line-height: 1.8; margin-top: 5px;}
#details .list .exam_page{margin-top: 16px; background-color: #fff; border-radius: 5px; padding: 15px; font-size: 16px;}
#details .list .exam_page a{cursor: pointer;}
#details .list .exam_page a>i{font-size: 20px;}
#details .list .exam_page a.open>img{margin-right: 10px;}
#details .list .exam_page a.prev>i{margin-right: 8px;}
#details .list .exam_page a.next>i{margin-left: 8px;}
#details .list .exam_card{width: 284px;}
#details .list .exam_card .card_box{background-color: #fff; border-radius: 5px; padding: 20px 0; box-sizing: border-box;}
#details .list .exam_card .card_box>span{font-size: 18px; display: block; line-height: 1; position: relative; padding-left: 16px; margin: 0 20px;}
#details .list .exam_card .card_box>span::before{content: ''; position: absolute; left: 0; top: 0; bottom: 0; width: 4px; background: linear-gradient(to bottom, #1c46a6, #2e54d3);}
#details .list .exam_card .card_box>ul{margin: 0 20px;}
#details .list .exam_card .card_box>ul>li>span{font-size: 16px; display: block; margin-top: 20px;}
#details .list .exam_card .card_box>ul>li>dl{margin-top: 15px; gap: 8px;}
#details .list .exam_card .card_box>ul>li>dl>dd{width: 26px; height: 26px; line-height: 26px; border: 1px solid #e6e6e6; text-align: center; border-radius: 3px; cursor: pointer;}
#details .list .exam_card .card_box>ul>li>dl>dd.right{background: #204ab1; color: #fff; border-color: #204ab1;}
#details .list .exam_card .card_box>ul>li>dl>dd.error{background: #d02510; color: #fff; border-color: #d02510;}
#details .list .exam_card .card_box>ul>li>dl>dd:hover{color: #0e48a1; border-color: #0e48a1;}
#details .list .exam_card .card_box>ul>li>dl>dd.right:hover{color: #fff; border-color: #204ab1;}
#details .list .exam_card .card_box>ul>li>dl>dd.error:hover{color: #fff; border-color: #d02510;}
#details .list .exam_card .card_box>.btn{margin-top: 30px; padding: 30px 20px 10px 20px; border-top: 1px solid #eee;}
#details .list .exam_card .card_box>.btn .btn_box{gap: 25px;}
#details .list .exam_card .card_box>.btn span>i{width: 20px; height: 20px; border: 1px solid #e6e6e6; display: block; border-radius: 3px; margin-right: 10px;}
#details .list .exam_card .card_box>.btn span.right>i{background: #204ab1; border-color: #204ab1;}
#details .list .exam_card .card_box>.btn span.error>i{background: #d02510; border-color: #d02510;}
#details .list .exam_card .card_box>.btn a.end{width: 250px; height: 46px; line-height: 46px; background: linear-gradient(to bottom, #2e54d3, #1c46a6); color: #fff; font-size: 16px; border-radius: 5px; text-align: center; display: block; margin-top: 20px; cursor: pointer; display: none;}
#details .list .exam_card .card_box>.btn a.end:hover{opacity: 0.9;}

/*payment_pop*/
.payment_pop{width: 100%; height: 100%; background: rgba(0,0,0,0.5); display: flex; align-items: center; justify-content: center; position: fixed; top: 0; left: 0; z-index: 999;}
.payment_pop_box{width: 720px; padding: 30px; box-sizing: border-box; background-color: #fff; color: #333; border-radius: 6px;}
.payment_pop_box .dh{display: flex; align-items: center; justify-content: space-between;}
.payment_pop_box .dh>span{font-size: 20px; display: block;}
.payment_pop_box .dh>i{font-size: 46px; font-weight: lighter; cursor: pointer;}
.payment_pop_box .list .img{margin: 55px auto;}
.payment_pop_box .list .img img{margin: auto;}
.payment_pop_box .list span{font-size: 15px; margin-top: 30px;}

/*video*/
#video .video .video_box{width: 800px; height: 496px; background-color: #fff; border-radius: 5px; font-size: 16px; overflow: hidden;}
#video .video .video_box video{width: 100%; height: 100%; object-fit: cover;}
#video .video .video_list{width: 382px; height: 496px; background-color: #fff; border-radius: 5px; font-size: 16px; padding: 20px; box-sizing: border-box;}
#video .video .video_list .dh>.title{font-size: 17px; display: block;}
#video .video .video_list .dh>.num{font-size: 15px; color: #666; display: block;}
#video .video .video_list>ul{margin-top: 10px; height: 420px; overflow-y: auto;}
#video .video .video_list>ul::-webkit-scrollbar{width: 5px;}
#video .video .video_list>ul::-webkit-scrollbar-track{background: #eee;}
#video .video .video_list>ul::-webkit-scrollbar-thumb{background: #274ca3;}
#video .video .video_list>ul::-webkit-scrollbar-thumb:hover{background: #274ca3;}
#video .video .video_list>ul>li{margin-right: 15px;}
#video .video .video_list>ul>li>span{font-weight: bold;}
#video .video .video_list ul>li span{border-bottom: 1px solid #e6e6e6; padding: 12px 0; line-height: 1.4; font-size: 15px; cursor: pointer;}
#video .video .video_list ul>li span:hover{color: #204ab2;}
#video .video .video_list ul>li span>i{font-size: 18px;}
#video .video .video_list dl{margin: 15px 0 5px 0; border-bottom: 1px solid #e6e6e6;}
#video .video .video_list dl>dd{margin-bottom: 20px; padding-left: 15px; cursor: pointer;}
#video .video .video_list dl>dd>span{display: block; border: 0; padding: 0;}
#video .video .video_list dl>dd>em{color: #666; margin-top: 5px; font-size: 14px; display: block;}
#video .video .video_list dl>dd.on>span{color: #204ab2;}
#video .video .video_list dl>dd:hover>span{color: #204ab2;}
#video .video .video_list dl>dd a{width: 94px; height: 30px; line-height: 30px; border-radius: 5px; border: 1px solid #e6e6e6; text-align: center; display: block; font-size: 14px; margin-top: 5px;}
#video .video .video_list dl>dd a:hover{background-color: #204ab2; color: #fff; border-color: #204ab2;}
#video .list{background-color: #fff; border-radius: 5px; font-size: 16px; margin-top: 18px; padding: 10px 20px 30px 20px;}
#video .list .list_dh{border-bottom: 1px solid #eee; margin-bottom: 20px;}
#video .list .list_dh>span{height: 50px; line-height: 50px; font-size: 17px; cursor: pointer; margin-right: 40px; padding: 0 5px; border-bottom: 3px solid transparent; display: inline-block;}
#video .list .list_dh>span.on{border-color: #204ab2; color: #204ab2;}
#video .list .desc{font-size: 15px; line-height: 2.2;}
#video .list ul{border: 1px solid #eee; box-sizing: border-box; font-size: 15px; margin-top: 25px;}
#video .list ul>li{height: 42px; line-height: 42px; border-bottom: 1px solid #eee;}
#video .list ul>li:nth-child(1){background-color: #204ab2; color: #fff;}
#video .list ul>li:last-child{border-bottom: 0;}
#video .list ul>li>span{width: 25%; text-align: center;}
#video .list .note{border: 1px solid #e6e6e6; padding: 15px; border-radius: 5px; margin-top: 20px; align-items: flex-end;}
#video .list .note textarea{width: 680px; border: 0; height: 80px; resize: none; line-height: 1.8; overflow: hidden; font-size: 15px;}
#video .list .note button{width: 106px; height: 36px; line-height: 36px; background: linear-gradient(to bottom, #2e54d3, #1c46a6); border: 0; color: #fff; font-size: 15px; border-radius: 3px; text-align: center; cursor: pointer;}
#video .list .note button:hover{opacity: 0.9;}
#video .list .note_list>span{font-size: 17px; display: block; line-height: 1.2; position: relative; margin-top: 30px; padding-left: 20px;}
#video .list .note_list>span::before{content: ''; position: absolute; left: 0; top: 0; bottom: 0; width: 4px; background: linear-gradient(to bottom, #1c46a6, #2e54d3);}
#video .list dl{margin-top: 20px;} 
#video .list dl>dd{margin-bottom: 20px; font-size: 15px;}
#video .list dl>dd>em{color: #666;}

/*login*/
#login{background-color: #f6f6f6; min-width: 1200px;}
#login .header{background: url(../images/login_bg.jpg) no-repeat center; background-size: cover; height: 72px; line-height: 72px; text-align: left; padding: 0 5%; font-size: 24px; color: #fff; box-sizing: border-box;}
#login .form{min-height: calc(100vh - 72px);}
#login .form_box{width: 580px; box-shadow: 0 5px 25px 5px rgba(0,0,0,0.06); background-color: #fff; border-radius: 5px;}
#login .form_box .tips{font-size: 15px; border-bottom: 1px solid #eee; padding: 25px 50px;}
#login .form_box .tips img{width: 21px; height: 22px; margin-right: 15px;}
#login .form_box .desc{padding: 25px 50px;}
#login .form_box .desc .img{width: 165px; height: 160px; border-radius: 5px; background: linear-gradient(to bottom, #2e54d3, #1c46a6); color: #fff;}
#login .form_box .desc .spec{margin-left: 35px; text-align: left; font-size: 16px; line-height: 2;}
#login .form_box .btn{border-top: 1px solid #eee; padding: 30px 50px;}
#login .form_box .btn>a{width: 156px; height: 42px; line-height: 42px; color: #204ab2; text-align: center; border-radius: 25px; margin-left: 20px; border: 1px solid #204ab2; font-size: 16px;}
#login .form_box .btn>a:nth-child(1){background: linear-gradient(to bottom, #2e54d3, #1c46a6); color: #fff;}
#login .form_box .btn>a:nth-child(1):hover{opacity: 0.9;}
#login .form_box ul li span{width: 85px; display: block; font-size: 15px;}
#login .form_box ul li input{width: 195px; border: 0; font-size: 15px;}

/*setting*/
#setting .input_box{margin-bottom: 20px;}
#setting .input_box span{width: 150px; line-height: 1; display: flex; align-items: center;}
#setting .input_box span>i{width: 10px; text-align: right; padding-right: 5px;}
#setting .input_box input{width: 460px; height: 46px; line-height: 1; border: 1px solid #eee; border-radius: 3px; padding: 0 20px; box-sizing: border-box; font-size: 16px;}
#setting .input_box img{width: 60px; height: 60px; object-fit: cover; border-radius: 50%; overflow: hidden;}
#setting .input_box select{width: 360px; height: 46px; line-height: 1; border: 1px solid #eee; border-radius: 3px; padding: 0 20px; box-sizing: border-box; font-size: 16px; outline: none;}
#setting .input_box button{width: 160px; height: 46px; line-height: 1; color: #fff; background: linear-gradient(to bottom, #2e54d3, #1c46a6); text-align: center; font-size: 16px; border-radius: 3px; transition: all 0.3s; cursor: pointer; margin: 30px 0; border: 0;}
#setting .input_box button:hover{opacity: 0.9;}
#setting .input_select span{width: auto;}
#setting .input_select>span{width: 150px; line-height: 1; display: flex; align-items: center;}
#setting .input_select span>i{width: auto; margin-right: 10px;}

/*system*/
#system{background-image: url(../images/main_bg.jpg); background-color: #f6f6f6; background-repeat: no-repeat; background-position: top center; min-height: 500px; min-width: 1200px; background-size: 100% 500px;}
#system .header{min-width: 1200px; text-align: left; padding: 35px 5%; font-size: 24px; color: #fff; box-sizing: border-box;}
#system .header .date{font-size: 20px;}
#system .header .date>i{margin-right: 40px;}
#system .system_con{min-width: 1200px; padding: 0 5%; box-sizing: border-box; margin-top: 10px; font-size: 16px;}
#system .system_con .card{width: 400px; background-color: #fff; border-radius: 6px; padding: 20px; box-sizing: border-box;}
#system .system_con .card .title{font-size: 26px; font-weight: bold;}
#system .system_con .card .btn span{margin-left: 15px; line-height: 1;}
#system .system_con .card .btn span>i{width: 15px; height: 15px; border: 1px solid #d1d1d1; display: block; border-radius: 3px; margin-right: 8px; background-color: #f6f6f6;}
#system .system_con .card .btn span.right>i{background: #1136d1; border-color: #1136d1;}
#system .system_con .rate{margin-top: 25px; font-size: 18px;}
#system .system_con .rate .num{font-size: 17px;}
#system .system_con .rate .progress{width: 100%; height: 6px; background-color: #e6e6e6; border-radius: 3px; margin: 10px 0;}
#system .system_con .rate .progress .bar{height: 100%; background-color: #1136d1; border-radius: 3px;}
#system .system_con .rate .total{font-size: 16px;}
#system .system_con .card ul{text-align: left;}
#system .system_con .card ul>li>span{display: block; font-size: 20px; font-weight: bold; margin-top: 25px;}
#system .system_con .card ul>li>dl{gap: 10px; margin-top: 15px;}
#system .system_con .card ul>li>dl>dd{width: 31px; height: 31px; line-height: 31px; border: 1px solid #e6e6e6; text-align: center; border-radius: 3px; cursor: pointer; box-sizing: border-box;}
#system .system_con .card ul>li>dl>dd.right{background: #204ab1; color: #fff; border-color: #204ab1;}
#system .system_con .card ul>li>dl>dd:hover{color: #0e48a1; border-color: #0e48a1;}
#system .system_con .card ul>li>dl>dd.right:hover{color: #fff; border-color: #204ab1;}
#system .system_con .list{width: calc(97% - 400px); background-color: #fff; padding-bottom: 50px; border-radius: 6px; overflow: hidden;}
#system .system_con .list .num{padding: 20px 25px; background-color: #f6f6f6; box-sizing: border-box;}
#system .system_con .list .num>span{font-size: 20px; font-weight: bold;}
#system .system_con .list .num>span>img{margin-right: 15px;}
#system .system_con .list .num>em{width: 142px; height: 42px; line-height: 42px; display: flex; background: linear-gradient(to bottom, #2e54d3, #1c46a6); color: #fff; font-size: 18px; border-radius: 5px; margin-left: 10px; cursor: pointer;}
#system .system_con .list .num>em img{margin-right: 10px;}
#system .system_con .list .num>em:hover{opacity: 0.9;}
#system .system_con .list .title{margin: 40px 10%; text-align: left; font-size: 20px; flex-wrap: nowrap; line-height: 1.8;}
#system .system_con .list .title em{display: block; margin-right: 5px;}
#system .system_con .list .title img{max-width: 80%; margin: 25px auto 0;}
#system .system_con .list .title_box{margin: 40px 10%; text-align: left; font-size: 18px; line-height: 1.8; background-color: #f6f6f6; padding: 20px; border-radius: 5px; box-sizing: border-box;}
#system .system_con .list .title_box span{font-weight: bold;}
#system .system_con .list .title_box img{max-width: 80%; margin: 25px auto 0;}
#system .system_con .list .title_box .text_note{text-align: justify;}
#system .system_con .list ul{margin: 50px 10%;}
#system .system_con .list ul>li{margin-bottom: 20px; line-height: 1.6; cursor: pointer; text-align: left;}
#system .system_con .list ul>li i{width: 32px; height: 32px; border-radius: 50%; border: 1px solid #dadada; display: flex; align-items: center; justify-content: center; margin-right: 15px;}
#system .system_con .list ul>li.on i{background-color: #204ab2; color: #fff; border-color: #204ab2;}
#system .system_con .list ul>li span{width: 90%; font-size: 18px;}
#system .system_con .list .btn{margin: 70px 10% 0 10%;}
#system .system_con .list .btn>a{width: 156px; height: 42px; line-height: 42px; color: #204ab2; text-align: center; border-radius: 5px; margin-right: 20px; border: 1px solid #204ab2; font-size: 18px; cursor: pointer;}
#system .system_con .list .btn>a:nth-child(2){background: linear-gradient(to bottom, #2e54d3, #1c46a6); color: #fff;}
#system .system_con .list .btn>a:nth-child(2):hover{opacity: 0.9;}
#system .system_con .list .img img{max-width: 80%; margin: auto;}
#system .system_con .list textarea{width: 80%; margin: 0 10%; height: 240px; border: 1px solid #dadada; border-radius: 5px; padding: 10px; font-size: 16px; resize: none; box-sizing: border-box;}
#system .footer{padding: 30px 5%;}
#system .footer>.apply{width: 400px;}
#system .footer>.apply>a{margin: auto; width: 210px; height: 52px; line-height: 52px; background: linear-gradient(to bottom, #2e54d3, #1c46a6); color: #fff; text-align: center; border-radius: 5px; font-size: 18px; display: block; cursor: pointer;}
#system .footer>.apply>a:hover{opacity: 0.9;}
#system .footer>span{width: calc(97% - 400px); text-align: right; font-size: 16px; color: #d61c1c;}

/*note_details*/
.note_details{line-height: 2; font-size: 15px;}
.note_details>dl>dd{margin-bottom: 5px;}
.note_details>dl>dd>i{width: 86px; display: block;}
.note_details>dl>dd>span{width: calc(100% - 86px);}

/*calculator*/
.calculator{width: 100%; height: 100%; background-color: rgba(0,0,0,0.6); position: fixed; z-index: 999; left: 0; top: 0;
 display: none;}
.calculator .calculator_box{background-color: #fff; margin: auto; border-radius: 10px; width: 380px; position: relative; box-shadow: 0 4px 8px rgba(0,0,0,0.3); overflow: hidden;}
.calculator .close{font-size: 28px; font-weight: bold; cursor: pointer; position: absolute; top: 10px; right: 10px;}
.calculator .close:hover{color: #0e48a1;}
.calculator .iframe{width: 340px; height: 564px; margin-top: 20px; border: none;}

/*pages*/
.pages{width: 100%; margin: 0 auto; margin-top: 50px; text-align: center; font-size: 14px;}
.pages a{border: 1px solid #e5e5e5; padding: 5px 10px; margin: 0 3px;}
.pages a:hover,.pages a.active{background: #0e48a1; color: #fff; border-color: #0e48a1;}
.pages span{border: 1px solid #e5e5e5; padding: 5px 10px; margin: 0 3px; cursor: pointer;}
.pages span:hover,.pages span.active{background: #0e48a1; color: #fff; border-color: #0e48a1;}

/*form*/
.form{margin: 0 auto; width: 100%;}
.form .form-group{margin-bottom: 10px;}
.form .form-group{margin-bottom: 15px; display: flex; align-items: center;}
.form .form-group>em{width: 96px; display: inline-block;}
.form .form-group:nth-last-child(6){align-items: flex-start;}
.form .form-group input[type="text"]{width: 300px; height: 42px; border: 1px solid #e6e6e6; box-sizing: border-box; outline: none; text-indent: 10px; transition: all .6s;}
.form .form-group input[type="text"]:focus{border-color: #0e48a1;}
.form .form-group input.code{width: 80px;}
.form .form-group img{display: inline-block; margin-left: 10px;}
.form .form-group>textarea{width: 560px; height: 160px; border: 1px solid #e6e6e6; box-sizing: border-box; padding: 10px; transition: all .6s;}
.form .form-group>textarea[type="text"]:focus{border-color: #0e48a1;}
.form .form-group>.box{margin: 0 auto; text-align: center; margin-top: 20px;}
.form .form-group>.box>input{width: 100px; background: #f6f6f6; height: 42px; font-size: 15px; color: #333; border: 0; cursor: pointer; margin: 0 5px;}
.form .form-group>.box>input:hover{background: #0e48a1; color: #fff;}

/*float*/
.float{width: 50px; position: fixed; right: 0; bottom: 150px; background: #e2e4e3; padding: 10px 0; border-radius: 5px 0 0 5px; z-index: 99;}
.float li{margin: 20px 0; position: relative;}
.float em{display: block; width: 80%; margin: 0 auto; text-align: center; line-height: 1.2; padding-top: 10%;}
.float .note{background: #fff; width: 135px; position: absolute; right: 50px; color: #222; padding: 15px 0 10px 0; text-align: left; padding-left: 10px; line-height: 1.5; font-size: 18px; box-shadow: 0px 6px 30px 1px rgba(0,0,0,.2);-webkit-box-shadow: 0px 6px 30px 1px rgba(0,0,0,.2); display: none;}
.float .note img{width: 120px; height: 120px;}

/*footer*/
#footer{background: url(../images/footer_bg.jpg) no-repeat center; background-size: cover; min-width: 1200px; color: #fff; font-size: 15px;}
#footer a{color: #fff;}
#footer a:hover{color: #fff;}
#footer .footer_con{padding: 50px 0 30px 0;}
#footer .footer_con .list_box{width: 280px;}
#footer .footer_con .list_box>span{font-size: 18px; display: block; margin-bottom: 20px;}
#footer .footer_con .list_box ul>li{width: 40%; line-height: 2.2; margin-bottom: 5px;}
#footer .footer_con .list_box .desc{line-height: 2.2;}
#footer .footer_con .qcode{margin-left: 100px;}
#footer .footer_con .qcode ul>li{margin-left: 16px;}
#footer .footer_con .qcode ul>li img{max-width: 126px; height: auto;}
#footer .footer_con .qcode ul>li span{text-align: center; display: block; margin-top: 15px;}
#footer .footer_copy{text-align: center; padding: 25px 0; border-top: 1px solid rgba(255,255,255,0.1);}