@charset "utf-8"; @font-face{ font-family: 'intel-clear-hans-bold'; src: ; src: format('embedded-opentype'), /* format('woff'), format('woff2'), format('truetype'),*/ format('svg'); font-weight: bold; font-style: normal; font-display: swap; } @font-face{ font-family: 'intel-clear-hans-light-regular'; src: ; src: format('embedded-opentype'), /* format('woff'), format('woff2'), format('truetype'),*/ format('svg'); font-weight: 200; font-style: normal; font-display: swap; } @font-face{ font-family: 'intel-clear-hans-regular'; src: ; src: format('embedded-opentype'), /* format('woff'), format('woff2'), format('truetype'),*/ format('svg'); font-weight: normal; font-style: normal; font-display: swap; } body,div,ul,li,p,a,span,h1,h2,h3,h4,h5,h6{ font-family: intel-clear-hans-regular,"microsoft yahei", simhei, arial; } .w-r{ width: 1200px; margin: auto; } .w-b{ width: 100%; } .top_nav{ border-bottom: 2px solid #d8d8d8; } .top_nav ul{ display: flex; justify-content: center; } .top_nav ul li{ margin:0 30px; padding: 15px 0; font-size: 20px; color: #333; text-align: center; } .top_nav ul li a{color: #333;} .top_fixed{ position: fixed; top: 0; width: 100%; z-index: 99; background-color: #fff; } .nav_active{ position: relative; } .nav_active::after{ content: ''; position: absolute; bottom: -1px; left: 0; width: 100%; height: 3px; background-color: #00a4f7; } .section1{ /*display: flex; justify-content: space-between; align-items: flex-start;*/ position: relative; } .section1{ margin-top: 100px; } .section1::before{ content: ""; position: absolute; top: -50px; right: -50px; width: 50px; height: 50px; background-color: #00497f; } .section1::after{ content: ""; display: block; clear: both; } .sec1_left{ float: left; } .sec1_right{ float: right; width: 700px; padding: 35px 50px; background-color: #0168b5; position: relative; } .sec1_right p{ margin-bottom: 20px; text-indent: 2em; font-size: 20px; color: #fff; } .txt_img{ position: absolute; bottom: 0; right: 0; } .section2{ margin: 100px 0; } /*.jiabin_con::before{ content: ""; position: absolute; top: 24%; left: -50px; width: 50px; height: 50px; background-color: #00a4f7; }*/ .jiabin_con::after{ content: ""; display: block; clear: both; } /*.title{ margin-bottom: 30px; width: 100%; font-size: 46px; text-align: center; letter-spacing: 10px; }*/ .title_img{ margin-bottom: 30px; } .title_img img{ margin: auto; } .jiabin_left{ width: 500px; float: left; } .jiabin_left div{ padding:21.5px 20px; } .jiabin_left div p{ font-size: 26px; color: #262626; } .jiabin_left div span{ font-size: 16px; color: #555; } .jiabin_active{ background-color: #0168b5; position: relative; } .jiabin_active::before{ content: ""; position: absolute; bottom: -50px; left: -50px; width: 50px; height: 50px; background-color: #00a4f7; } .jiabin_left .jiabin_active p,.jiabin_left .jiabin_active span{ color: #fff; } /*.jiabin_left div:not(:first-child) p{ display: inline-block; margin-right: 8px; }*/ .jiabin_left div p{ display: inline-block; margin-right: 8px; } .jiabin_right{ width: 700px; float: right; } .jiabin_txt{ width: 100%; padding: 27px; background-color: #0168b5; display: flex; justify-content: space-between; align-items: center; } /*.jiabin_right .img_con:nth-child(5) .jiabin_txt{ padding: 15px 27px; }*/ .sj_link{ font-size: 24px; color: #fff; font-family: intel-clear-hans-bold,"microsoft yahei", simhei, arial; } .sj_ppt{ display: inline-block; width: 110px; height: 32px; line-height: 32px; background-color: #fff; font-size: 18px; color: #0168b5; text-align: center; } /*下载*/ .xiazai_con{ padding: 50px 0 130px; background-color: #f7f7f7; } .xiazai_list{ display: flex; flex-wrap: wrap; justify-content: space-between; } .xz_item{ width: 48%; } .xz_txt{ width: 80%; position: relative; float: right; padding: 15px 20px; margin-top: -50px; background-color: #fff; box-shadow: 0px 0 8px rgba(0,15,63,0.21) } .xz_txt::before{ content: ""; position: absolute; top:-22px; left: 0; width: 22px; height: 22px; background-color: #00a4f7; } .xz_txt::after{ content: ""; position: absolute; left: -50px; top: 0; width: 50px; height: 50px; background-color: #0168b5; } .xz_int{ font-size: 22px; color: #262626; } .xz_link{ text-align: right; } .xz_link a,.xz_link img{ display: inline-block; vertical-align: middle; } .xz_link a{ font-size: 16px; color: #0168b5; margin-right: 5px; } .reyi_con{ padding-top: 50px; padding-bottom: 70px; background:url(/uploads/image/sis/207/bg.png) no-repeat top; background-size: cover; } .reyi_con .title{ color: #fff; } .txt_con{ margin-top: 100px; display: flex; justify-content: space-between; } .txt_list{ width: 290px; height: 214px; padding: 22px 20px; border-bottom: 5px solid #fff; } .txt_con .txt_list:nth-child(2n 1){ background-color: #00a4f7; } .txt_con .txt_list:nth-child(2n 2){ background-color: #093e8d; } .txt_list p{ font-size: 16px; color: #fff; } .txt_list1{ margin-top: -3%; } .txt_list3{ margin-top: -5%; } .txt_list4{ margin-top: 3%; } .section5{ margin-top: 100px; } .jishu_con{ display: flex; justify-content: space-between; flex-wrap: wrap; } .jishu_list{ width: 48%; margin-bottom: 30px; box-shadow:0px 0 8px rgba(11,33,103,0.26); } .jishu_list p{ padding: 20px 0; font-size: 22px; text-align: center; } .footer{ margin-top: 150px; height: 70px; line-height: 70px; background-color: #0168b5; text-align: center; color: #fff; font-size: 18px; font-family: "microsoft yahei"; } .footer a{font-family: "microsoft yahei"!important;} @media screen and (max-width: 1200px) { .w-r { width: 100%; padding: 0 20px; overflow: hidden; } .sec1_left,.jiabin_left{ width: 40%; } .sec1_right,.jiabin_right{ width: 60%; } .txt_list{ height: 247px; } .xiazai_list{ padding-bottom: 6px; } .section1::before{ top: -20px; right: -20px; width: 20px; height: 20px; } .jiabin_left div { padding: 4% 20px; } } @media screen and (max-width: 1000px) { .section1{ margin-top: 10%; } .section2{ width: 70%; margin: 10% auto; } .xiazai_con{ padding: 10% 0 12%; } .footer{ margin-top: 12%; } .txt_con,.section5{ margin-top: 10%; } .reyi_con{padding-top: 10%;} .title_img{ margin-bottom: 5%; } .title_img img{height: 40px;} .top_nav .w-r{overflow: initial;padding: 0} .top_nav ul li{ font-size: 18px; } .jiabin_right,.jiabin_left{ width: 100%; } .jiabin_active{ background-color: #00497f; } .jiabin_right .img_con:nth-child(5) .jiabin_txt { padding: 7px 27px; } .sec1_right{ width: 56%; } .sec1_left{ width: 44%; } .sec1_right{ padding: 25px 30px; } .sec1_right p{ margin-bottom: 10px; font-size: 18px; } .txt_img { width: 30%; } .jiabin_left div p{ font-size: 24px; } .jiabin_left div { padding: 16px; } .sj_link{ font-size: 20px; /*width: 80%;*/ } .jiabin_txt{ padding: 22px; } .xz_int{ font-size: 20px; } .txt_con{ flex-wrap: wrap; } .txt_list{ width: 48%; height: 200px; } .txt_list3 { margin-top: 3%; } .txt_list4 { margin-top: 6%; } .jishu_list p{ font-size: 20px; } .xz_txt{width: 83%;} } @media screen and (max-width: 900px) { .sec1_right p{ font-size: 16px; } .title_img img { height: 36px; } .jiabin_left div p { font-size: 22px; } .xz_txt::before{ top: -16px; width: 16px; height: 16px; } .xz_txt::after{ left: -30px; width: 30px; height: 30px; } .xz_txt{ margin-top: -30px; width: 86%; } .xz_int { font-size: 18px; margin-bottom: 5px; } } @media screen and (max-width: 800px) { .section2, .sec1_left,.sec1_right{ width: 100%; } .sec1_right{ padding: 25px 30px 60px; } .xz_item{ width: 80%; margin: auto; margin-bottom: 40px; } .xiazai_list .xz_item:last-child{ margin-bottom: 0; } .top_nav ul li{ margin: 0 15px; font-size: 18px; } .jishu_list p { font-size: 18px; } .footer{ height: 60px; line-height: 60px; font-size: 16px; } .xz_txt::after { left: -40px; width: 40px; height: 40px; } .xz_txt::before { top: -20px; width: 20px; height: 20px; } .xz_txt{margin-top: -40px;} .jiabin_active::before{ bottom: -20px; left: -20px; width: 20px; height: 20px; } .txt_img { width: 34%; } .jiabin_right .img_con:nth-child(5) .jiabin_txt{ padding: 22px; } } @media screen and (max-width: 768px) { .sj_link{ font-size: 18px; } .sj_ppt{ width: 90px; height: 30px; line-height: 30px; font-size: 16px; } .jiabin_txt , .jiabin_right .img_con:nth-child(5) .jiabin_txt{ padding: 16px; } } @media screen and (max-width: 640px) { .title_img img { height: 32px; } .xz_item,.txt_list,.jishu_list{ width: 100%; } .txt_list{ margin-top: 30px; height: auto; } .top_nav ul li{ font-size: 16px; padding: 10px 0; } .txt_con { margin-top: 0; } .txt_con .txt_list:first-child{margin-top: 0;} /*.sj_link{height: 54px;line-height: 54px;} .jiabin_right .img_con:nth-child(5) .sj_link{ line-height: inherit; }*/ .footer { height: 50px; line-height: 50px; font-size: 14px; } .title_img{ margin-bottom: 7%; } } @media screen and (max-width: 550px) { .sj_link{height: 54px;line-height: 54px;} .jiabin_right .img_con:nth-child(5) .sj_link{ line-height: inherit; } .jiabin_txt, .jiabin_right .img_con:nth-child(5) .jiabin_txt{ padding:8px 16px; } } @media screen and (max-width: 500px) { .title_img img { height: 30px; } .top_nav ul li{ margin: 0 9px; font-size: 14px; } .sec1_right { padding: 25px 15px 50px; } .sec1_right p { font-size: 14px; } .sj_link { font-size: 16px; height: 50px; line-height: 50px; } /*.jiabin_right .img_con:nth-child(5) .sj_link{ line-height: inherit; }*/ .jiabin_left div p { font-size: 20px; } .sj_ppt{ width: 80px; font-size: 14px; } .jiabin_left div span{ font-size: 14px; } .jiabin_left div ,.jiabin_txt{ padding: 12px; } .xz_txt{ padding: 12px 10px; } .xz_int{ font-size: 16px; } .xz_link a{ font-size: 14px; } .txt_list p{ font-size: 14px; } .jishu_list p { font-size: 16px; } .xz_txt::after { left: -36px; width: 36px; height: 36px; } .xz_txt { margin-top: -36px; } } @media screen and (max-width: 440px) { .jiabin_left div, .jiabin_txt { padding: 8px 12px; } .jiabin_right .img_con:nth-child(3) .sj_link{ line-height: inherit; } } @media screen and (max-width: 400px) { .top_nav ul li { margin: 0 6px; font-size: 0.75rem; } .sec1_right { padding: 18px 12px 32px; } .jiabin_left div p { font-size: 18px; } .jiabin_left div span { font-size: 12px; } .title_img img { height: 25px; } .xz_int { font-size: 14px; } .sj_link,.jiabin_right .img_con:nth-child(3) .sj_link{ height: 40px; line-height: 40px; } /*.jiabin_right .img_con:nth-child(2) .sj_link{ line-height: inherit; }*/ .sj_link{ /*width: 70%;*/ font-size: 14px; } .sj_ppt { width: 68px; font-size: 12px; } .txt_img { width: 40%; } }