/*=========================Reset_start==========================*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, 
strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, 
tfoot, thead, tr, th, td ,textarea { margin:0; padding:0;  }
address,cite,dfn,em,var, i {font-style:normal;}
body {font-size: 16px; line-height: 1; font-family:'asht','Microsoft Yahei','simsun','arial','tahoma';  color: #222; background: #fff; }
table { border-collapse:collapse; border-spacing:0; }
h1, h2, h3, h4, h5, h6, th { font-size: 100%; font-weight: normal; }
button,input,select,textarea{font-size:100%;}
fieldset,img{border:0;}
a { text-decoration: none; color: #666; background: none }
ul, ol { list-style: none; }
:focus{ outline:none;}
.clearfix{ clear: both; content: ""; display: block; overflow: hidden }
.clear{clear: both;}
.fl{ float: left; }
.fr{float: right;}
@font-face {
    font-family: 'asht';
    src: url('AdobeHeitiStd-Regular.otf');
}
@font-face {
    font-family: 'DS';
    src: url('DS-DIGI-1.ttf');
}
/*==========================Reset_End===========================*/



body{ background: url(../images/bg.png);}
.mainbody{ padding: 1%; width: 98%; min-width: 1500px}
/*
.header{ height:75px; background: url(../images/headerbg.png) no-repeat center 0; display: flex; justify-content: space-between; line-height: 75px; color: #d3e9ff; margin-bottom: 16px;}
    */
.header {height: 100px;
line-height: 100px;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-position: center center;
    background: url(../images/pic-14.png) no-repeat center 0;
    display: flex;
    justify-content: space-between;
    color: #d3e9ff;
    margin-bottom: 10px;
}
.header div{ width: 32%; display: flex; justify-content: space-between;}
.header h1{ font-size: 36px; font-weight: normal;}
.header div p{ font-size: 20.8px;}
.header div a{ display: block; width: 154px; height: 46px; background: url(../images/btnbg.jpg) no-repeat 0 0; text-align: center; line-height: 46px; font-size: 25px; color: #fff; margin-top: 12px;}
.right-left p span{ display: inline-block; margin-right: 30px;}
.main{ display: flex; justify-content: space-between;}
.main-left{ width: 24%;}
.main-right{ width: 24%;}
.main-middle{ width: 48%;}
/*
.block{margin-bottom: 20px; width: 100%; height: 300px; border: solid 1px #01b5ef; border-radius: 10px; box-shadow:0px -10px 20px 0px #083d7c inset, -10px 0px 20px 0px #083d7c inset,10px 0px 20px 0px #083d7c inset,0px 10px 20px 0px #083d7c inset;}
*/
.block { 
    margin-bottom: 20px; width: 100%; height: 280px;
    border-image-source: url("../images/border-2-1.png");
border-image-slice: 10 fill;
border-width: 10px;
border-style: solid;
background-color: #161e4a;
background-clip: padding-box;
filter: blur(0px);
}
/*
.block-big{margin-bottom: 20px; width: 100%; height: 620px; border: solid 1px #01b5ef; border-radius: 10px; box-shadow:0px -10px 20px 0px #083d7c inset, -10px 0px 20px 0px #083d7c inset,10px 0px 20px 0px #083d7c inset,0px 10px 20px 0px #083d7c inset;}
    */
.block-big {
    margin-bottom: 20px; width: 100%; height: 600px; 
    border-image-source: url("../images/border-2-1.png");
border-image-slice: 10 fill;
border-width: 10px;
border-style: solid;
background-color: rgb(22, 30, 74);
background-clip: padding-box;
filter: blur(0px);
text-align:center;
}
/*
.title{ color: #00f6ff; font-size: 20px;  text-align: center; background: url(../images/shan.png) no-repeat center 0; height: 60px; line-height: 50px; margin-bottom: 15px;}
    */
.title{ 
    background-color:#515283;
    font-family: Microsoft Yahei, Arial, sans-serif;
font-size: 17px;
color: rgb(255, 255, 255);
font-weight: normal;
justify-content: center;
text-align: center;
    height: 35px; 
    line-height: 35px; 
    margin-bottom: 15px;
}

.bq{ display: flex; flex-wrap: wrap; justify-content: space-around;}
.bq dl{ width: 40%; text-align: center; height: 56px; margin-bottom: 15px;}
.bq dl dt{ font-size: 13px; color: #fff; }
.bq dl:nth-child(1){ background: url(../images/tm3.png) no-repeat center bottom; background-size: 100% 85%;}
.bq dl:nth-child(2){ background: url(../images/tm2.png) no-repeat center bottom;background-size: 100% 85%  ;}
.bq dl:nth-child(3){ background: url(../images/tm1.png) no-repeat center bottom;background-size: 100% 85%;}
.bq dl:nth-child(4){ background: url(../images/tm4.png) no-repeat center bottom;background-size: 100% 85%;}
.bq dl dd{line-height: 45px; font-size: 30px;font-family:'DS';}
.bq dl:nth-child(1) dd{ color: #05f502;}
.bq dl:nth-child(2) dd{ color: #57fffd;}
.bq dl:nth-child(3) dd{ color: #ff5658;}
.bq dl:nth-child(4) dd{ color: #c6755a;}
.line p{ color: #fff; background: #515283; width: 58px; height: 24px; text-align: center; line-height: 24px;}
.line{ display: flex;font-family: 'Yahei'; font-size: 14px;justify-content: space-around; }
.line dl{ display: flex; color: #fff; line-height: 24px; font-weight: lighter; }
.bq{ width: 85%; margin: 0 auto;}
.line{ width: 80%; margin: 0 auto 10px;}
.line dl dd{ background: url(../images/dian1.png) no-repeat 0 center; padding-left: 10px;}
.line dl .lixian{background: url(../images/dian2.png) no-repeat 0 center;}
.tip{ width: 79%; padding:1% 3% 2%; background-color: #515283;/*background-image: linear-gradient(to right,#106092, transparent, #106092);*/margin: 0 auto; font-family: 'Yahei'; font-weight: lighter;}/*display: flex; justify-content: space-between;  */
.tip ul li{ color: #fff; font-size: 12px; margin-top: 8px;}
.tip ul li:nth-child(1) b{ color: #ffcd36;}
.tip ul li:nth-child(2) b{ color: #e10500;}
.tip ul li b{ font-size: 14px;}

.tip_green{ width: 79%; padding:1% 3% 2%; background-image: linear-gradient(to right,#33ca43, transparent, #33ca43); margin: 0 auto; font-family: 'Yahei'; font-weight: lighter;}/*display: flex; justify-content: space-between; */
.tip_green ul li{ color: #fff; font-size: 16px; margin-top: 8px;}
.tip_green ul li:nth-child(1) b{ color: #ffcd36;}
.tip_green ul li:nth-child(2) b{ color: #46f906;}
.tip_green ul li b{ font-size: 14px;}


.tip_red{ width: 79%; padding:1% 3% 2%; background-image: linear-gradient(to right,#FF0000, transparent, #FF0000); margin: 0 auto; font-family: 'Yahei'; font-weight: lighter;}/*display: flex; justify-content: space-between; */
.tip_red ul li{ color: #fff; font-size: 16px; margin-top: 8px;}
.tip_red ul li:nth-child(1) b{ color: #ffcd36;}
.tip_red ul li:nth-child(2) b{ color: #FF6347;}
.tip_red ul li b{ font-size: 14px;}



.tip_orange{ width: 79%; padding:1% 3% 2%; background-image: linear-gradient(to right,#FFA500, transparent, #FFA500); margin: 0 auto; font-family: 'Yahei'; font-weight: lighter;}/*display: flex; justify-content: space-between; */
.tip_orange ul li{ color: #fff; font-size: 16px; margin-top: 8px;}
.tip_orange ul li:nth-child(1) b{ color: #ffcd36;}
.tip_orange ul li:nth-child(2) b{ color: #F4A460;}
.tip_orange ul li b{ font-size: 14px;}



.tip_yellow{ width: 79%; padding:1% 3% 2%; background-image: linear-gradient(to right,#FFFF00, transparent, #FFFF00); margin: 0 auto; font-family: 'Yahei'; font-weight: lighter;}/*display: flex; justify-content: space-between; */
.tip_yellow ul li{ color: #fff; font-size: 16px; margin-top: 8px;}
.tip_yellow ul li:nth-child(1) b{ color: #ffcd36;}
.tip_yellow ul li:nth-child(2) b{ color: #9ACD32;}
.tip_yellow ul li b{ font-size: 14px;}


.bing img{ display: block; margin: 0 auto;}
.block-big div video { width: 95%; margin: 0 auto; display: block; height: 55%;}
.block-big div{ padding-top: 20px; display: none; margin-bottom: 15px;}
.block-big ul{ display: flex; justify-content: left; width: 95%; margin: 0 auto;}
.qh li{ margin-right: 10px}
.qh li.selected{ border: solid 2px #36e5ff;}
.qh li img{ display: block; width: 100%;}
.block-small{ height: 270px; padding-top: 10px;}
.block-small table{ width: 95%; margin: 0 auto; }
.block-small table td{ text-align: center; color: #fff; font-family: "Yahei"; height: 44px;}
.block-small table th{ text-align: center; color: #ffffff;  height: 38px; border-bottom: solid 1px #4d353f;}

.block-small table tbody tr:nth-child(even){ /*border: solid 1px #01b5ef; border-radius: 10px; box-shadow:0px -10px 20px 0px #083d7c inset, -10px 0px 20px 0px #083d7c inset,10px 0px 20px 0px #083d7c inset,0px 10px 20px 0px #083d7c inset;*/}
.block-small table tbody tr:nth-child(1){border:none; box-shadow: none;}
.fx-div{ width: 90%; margin: 0 auto;}
.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{ bottom: 35px;}
.swiper-pagination-bullet{ background: #5e6b94; opacity: 1;}
.swiper-pagination-bullet-active{background:#2ecd95; }
.cdfx{ width: 90%; margin: 0 auto;}
.cdfx dl{ display: flex; margin: 20px; justify-content: flex-start;}
.cdfx dl dt{ font-size: 16px; color: #e0e3ec; font-family: 'Yahei'; width: 80px;}
.cdfx dl dd{ width: 70%;}
.cdfx dl dd span{height: 20px; background-image: linear-gradient(to right,#03c3de, #005ecc); display: block;}
.yssd{ display: flex; justify-content: space-between; flex-wrap: wrap; width: 80%; margin: 0 auto; background: url(../images/xian.png) no-repeat center 16%; }
.yssd dl {  margin-bottom: 30px; }
.yssd dl dt{color: #fff; font-size: 15px;text-shadow: 0px 0 8px #11d7f1; margin-bottom: 15px;}
.yssd dl dd{ font-size: 40px; color: #fff; font-family:'DS'; border-radius: 5px;}
.yssd dl dd span{background:url(../images/numbg1.png) no-repeat 0 center;   display: inline-block; padding:5px 2px; margin-right: 1px; }
table td.pass{ color: #00c009;}
table td.no-pass{ color: #e10500;}