/* CSS Document */
*{ margin: 0; padding: 0; }
ol, ul { list-style: none; }
body, button, input, select, textarea { font-size:14px; font-family:"microsoft yahei",Arial, '宋体';}
body{ background: #fff; min-width:1200px; margin:0 auto; color: #333;-webkit-font-smoothing:antialiased}
img { border:0; outline: none; vertical-align: top;}
table { border-collapse: collapse; border-spacing: 0; }
article, aside, dialog, footer, header, section, footer, nav, figure, menu { display:block }
a { text-decoration: none; color: #333; outline: none;}
a:link { text-decoration: none;}
a:visited { text-decoration: none;}
a:hover{ color: #2490ea;}
a:active { /*text-decoration: underline;*/ -webkit-tap-highlight-color: rgba(0, 0, 0, 0);}
input{ outline:none;}
h3,h4,h5,h6{ font-weight: normal;}

input[type="button"], input[type="submit"], input[type="reset"],select,textarea {-webkit-appearance: none;}
input:focus, textarea:focus, select:focus {outline: none;}
input:focus{-webkit-tap-highlight-color:rgba(0,0,0,0); -webkit-user-modify:read-write-plaintext-only;}
.filter10{filter: blur(10px);}

.w1200{ width: 1200px; margin: 0 auto;}
.w1000{ width: 1000px; margin: 0 auto;}
.w800{ width: 800px; margin: 0 auto;}
.tleft{ text-align: left;}
.tcenter{ text-align: center;}
.tright{ text-align: right;}
.clear { clear: both; height: 0px; overflow: hidden; line-height:0;}
.left{ float:left; }
.right{ float:right; }
.clearfix {display: block;}
.clearfix:after { content: ""; display: block; height: 0; line-height:0; overflow:hidden; clear: both; visibility: hidden;}
.flex{ display: -webkit-box; display: -webkit-flex; display: flex;}
.flex-item{ -webkit-box-flex: 1;  flex: 1; flex-grow: 1;}

.topbar-box{ padding: 5px 0;}
.topbar-box .w1200{ align-items:center;}
.topbar-box .logo img{ max-height:65px;}
.topbar-box .tit{ margin-left:10px;}
.topbar-box .menu{ display: flex; justify-content: flex-end; align-items: center;}
.topbar-box .menu a{ display: block; padding: 0 20px; font-size: 18px;}

.banner-box img{ width: 100%;}

.index-advantage{ box-shadow: 0 5px 5px #f1f1f1;}
.index-advantage .advantage{ padding: 20px 0;}
.index-advantage .advantage .item{ border-right: 1px solid #eee; margin-right: 50px;}
.index-advantage .advantage .item:last-child{ border: none; margin: 0;}
.index-advantage .advantage .txt{ display: flex; margin-left: 10px; flex-direction: column; justify-content: center;}
.index-advantage .advantage .txt .tit{ font-size: 16px; font-weight: bold; margin-bottom: 10px;}
.index-advantage .advantage .txt .intro{ color: #999;}

.index-page2{ margin-top: 20px;}
.index-page2 .tit{ color: #2490ea; font-size: 20px; line-height: 40px; font-weight: bold;}
.index-page2 .more{ line-height: 40px; color: #2490ea;}
.index-page2 .pic-txt{ margin-top: 10px;}
.index-page2 .pic-txt .img{ height: 456px; margin-right: 50px;}
.index-page2 .pic-txt .tit{ color: #333;}
.index-page2 .pic-txt .intro{ color: #999; text-indent: 30px; line-height: 1.8;}
.index-page2 .pic-txt .list{ margin: 20px auto; border-top: 1px solid #f1f1f1; padding-top: 20px;}
.index-page2 .pic-txt .list li{ line-height: 30px;}
.index-page2 .pic-txt .contact{ color: #fff; font-size: 16px;}
.index-page2 .pic-txt .contact .name{ font-size: 28px; margin-top: 10px;}
.index-page2 .pic-txt .msg{ display: flex; flex-direction: column; justify-content: center; height: 100px; padding-left: 100px; margin-right: 20px; background: url(../image/img_27.png) 20px center #fe8d01 no-repeat;}
.index-page2 .pic-txt .tel{ display: flex; flex-direction: column; justify-content: center; height: 100px; padding-left: 100px; background: url(../image/img_29.png) 20px center #2490ea no-repeat;}

.index-project{ margin-top: 20px;}
.index-project .tit{ background: #2490ea; color: #fff; line-height: 40px; padding: 0 20px; font-size: 20px; font-weight: bold;}
.index-project .tit .more{ color: #fff; font-size: 14px; font-weight: normal;}
.index-project .list{ margin-top: 20px;}
.index-project .list .item{ margin-right: 20px;}
.index-project .list .item:last-child{ margin-right: 0;}
.index-project .list .item img{ width: 100%; height: 135px;}
.index-project .list .item .txt{ text-align: center; line-height: 40px; color: #2490ea; border: 1px solid #f1f1f1; border-top: none; font-size: 16px;}

.index-page3{ margin: 20px auto;}
.index-page3 .tit{ background: #2490ea; color: #fff; line-height: 40px; padding: 0 20px; font-size: 20px; font-weight: bold;}
.index-page3 .tit .more{ color: #fff; font-size: 14px; font-weight: normal;}
.index-page3 .taocan{ margin-right: 30px;}
.index-page3 .taocan .img img{ margin: 20px 20px 0 auto;}
.index-page3 .taocan .img img:last-child{ margin-right: 0;}
.index-page3 .news .name{ color: #2490ea; margin: 20px auto 10px;}
.index-page3 .news .intro{ color: #999; text-indent: 30px; line-height: 1.8;}
.index-page3 .news .list{ margin: 10px auto; border-top: 1px solid #f1f1f1; padding-top: 10px;}
.index-page3 .news .list li{ line-height: 30px;}

.exam-page1{ margin: 50px auto 0;}
.exam-page1 img{ max-width: 100%;}

.about-page1{ margin: 50px auto 0;}
.about-page1 img{ max-width: 100%;}

.footer-box{ background: #2490ea; color: #fff; padding: 80px 0 50px; font-size: 18px;}
.footer-box a{ color: #fff;}
.footer-box dl{ margin-right: 80px; line-height: 40px;}
.footer-box dt{ font-size: 20px; margin-bottom: 10px;}
.footer-box dd{ font-size: 16px; line-height: 32px;}
.footer-box .contact img{ margin-right: 20px;}
.footer-box .contact p{ line-height: 2;}
.footer-box .contact p span{ font-weight: bold; font-size: 22px;}
.banner-box {position: relative;display: inline-block;}
.banner-box img {display: block;}
.banner-box .button {
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, 400%);
            padding: 10px;
            background-color: rgba(0, 0, 0, 1);
            color: white;
            border: none;
            border-radius: 5px;
            cursor: pointer;
        }

.name-top {
    height: 60px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.title-top {
    height: 60px;
    width: 100%;
    background-color: #2490ea;
}
.menu-top {
    height: 60px;
    display: flex;
    justify-content: center;
    align-items: center;
    li {
        width: 160px;
        text-align: center;
        a {
            color: white;
        }
        a:hover {
            color: gold;
        }
    }
}
.div-login {
    width: 180px;
    margin-top: 360px;
    input {
        width: 180px;
        height: 26px;
        margin-bottom: 6px;
        border-radius: 4px;
        border: 1px solid #2490ea;
        padding: 0 8px;
    }
    input::placeholder {
        color: #d6d0da;
        font-size: 13px;
    }
    button {
        width: 120px;
        height: 30px;
        margin-left: 30px;
        background-color: gold;
        border-radius: 4px;
        border: 1px solid #2490ea;
        cursor: pointer;
        color: #2490ea;
        font-weight: bold;
    }
}
.div-custom {
    display: flex;
    justify-content: space-between;
    align-items: center;
    .image-mid {
        width: 390px;
        height: 440px;
        img {
            width: 100%;
            height: 350px;
            cursor: pointer;
        }
        p {
            display: flex;
            width: 100%;
            height: 60px;
            align-items: center;
            font-weight: bold;
            font-size: 18px;
            cursor: pointer;
        }
        p:hover {
            color: gold;
        }
        span {
            display: block;
            width: 100%;
            height: 30px;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
        }
    }
    .image-case {
        width: 300px;
        height: 360px;
        img {
            width: 100%;
            height: 360px;
            cursor: pointer;
        }
    }
    .image-big {
        width: 1200px;
        height: 520px;
        img {
            width: 100%;
            height: 100%;
            cursor: pointer;
        }
    }
    .image-main {
        width: 1200px;
        height: 1000px;
        img {
            width: 1200px;
            height: 1000px;
            object-fit: cover;
        }
    }
}
.image-main {
    width: 1000px;
    height: 640px;
    img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }
    margin-bottom: 50px;
}
.desc-title {
    font-size: 20px;
    font-weight: 550;
    text-align: center;
    line-height: 40px;
}
.desc-tip {
    font-size: 12px;
    color: #999;
    text-align: center;
    line-height: 30px;
    margin-bottom: 30px;
}
.desc-span {
    margin-left: 50px;
}
.desc-content {
    font-size: 13px;
    color: #999;
    text-align: left;
    line-height: 22px;
    margin-bottom: 30px;
}
.image-detail {
    width: 800px;
    height: 800px;
    img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }
    margin-bottom: 50px;
}