@charset "UTF-8";
* {-webkit-box-sizing:border-box;box-sizing:border-box}
*:before,*:after {-webkit-box-sizing:border-box;box-sizing:border-box}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote {margin:0;padding:0}
body {font-size:14px}
a, a:active{color: inherit;text-decoration: none;cursor:pointer}
a:hover {text-decoration:none}
img {border:none;vertical-align:middle;max-width:100%}
ol,ul,li {list-style:none}
input,textarea,select,button {font-size:14px;outline:none;-webkit-appearance:none;-moz-appearance:textfield !important;-webkit-tap-highlight-color:rgba(0,0,0,0)}
h1,h2,h3,h4,h5,h6 {font-size:100%;font-weight:normal}
.clearfix:after,.clearfix:before {content:"";display:table;clear:both}
.btn {display:inline-block;text-align:center;padding:0;border:0;margin:0;position:relative;cursor:pointer}
input.text,textarea.text {display:block;padding:0;width:100%;border:0;background:none;margin:0;resize:none}
.over-line1 {overflow: hidden;-o-text-overflow: ellipsis;text-overflow: ellipsis;white-space: nowrap}
.over-line2 {overflow: hidden;-o-text-overflow: ellipsis;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical}
.over-line3 {overflow: hidden;-o-text-overflow: ellipsis;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical}
#index,#bann {margin-top:60px}

/*头部*/
.Header-wrapper {z-index:99}
.Header-wrapper .Header-cl {position:relative}
.header-container {width:100%;background-color:#fff;position:fixed;top:0;left:0;z-index:90;-webkit-box-shadow: 0 1px 8px rgb(0 0 0 / 8%);box-shadow: 0 1px 8px rgb(0 0 0 / 8%)}
.H-logo {height:60px;line-height:60px;font-size:0;float:left;position:relative;overflow:hidden;z-index:5}
.H-logo img {height:30px}
.H-nav {float:right}
.H-nav>li {float:left;position: relative;padding:0 30px}
.H-nav .Hnav-menu {display:block;height:60px;line-height:60px;font-size:16px;color: #2E2E2E;position:relative;text-transform:uppercase}
.H-nav .Hnav-menu:hover {color:#5781FF}
.nav-active {border-bottom:3px solid #2E2E2E;font-weight: 500}
.Hnav-menu i {width:50px;height:50px;background:url('img/under.png') no-repeat center center / 14px auto;position:absolute;right:0;top:0;z-index:2;display:none}
.Hnav-menu.cur i {-ms-transform:rotate(-180deg);transform:rotate(-180deg);-webkit-transform:rotate(-180deg)}
.Hnav-sub {width:100%;padding:0 20px;background:#fff;position:absolute;top:60px;left:0;display:none;-webkit-box-shadow: 0 20px 30px rgb(83 88 93 / 5%), 0 0 30px rgb(83 88 93 / 10%);box-shadow: 0 20px 30px rgb(83 88 93 / 5%), 0 0 30px rgb(83 88 93 / 10%)}
@media all and (min-width:769px) {
    .H-nav>li:hover .Hnav-sub {display:block;animation:fadeInDownV .6s ease-in-out;-webkit-animation:fadeInDownV .6s ease-in-out}
}
.HnavSub-list li a {display:block;height:40px;line-height:40px;color:#666;position:relative;-webkit-transition:all .6s linear;-o-transition:all .6s linear;transition:all .6s linear}
.HnavSub-list li a:hover {color:#5781FF;font-weight:bold;border-bottom:1px solid #5781FF}
.HnavSub-list li a i {display:inline-block;position:absolute;left:0;bottom:0;width:0;height:1px;background-color:#c4c4c4;-webkit-transition:all .5s ease-in;-o-transition:all .5s ease-in;transition:all .5s ease-in}
.HnavSub-list li a:hover i {width:100%;background-color:#5781FF}
.gpdm {float: right;font-size: 12px;line-height: 60px;color: #777;}

.Hmenu-btn {width:22px;height:50px;padding:25px 0 0;cursor:pointer;display:none;float:right}
.Hmenu-btn a {display:block;width:100%;height:2px;background-color:#888;position:relative}
.Hmenu-btn a:before,.Hmenu-btn a:after {content:"";display:block;width:100%;height:2px;background-color:#888;position:absolute;left:0}
.Hmenu-btn a:before {top:-7px}
.Hmenu-btn a:after {bottom:-7px}
.Hmenu-btn.cur a:before {top:-10px}
.Hmenu-btn.cur a:after {bottom:-10px}
.Hmenu-btn.cur a {-webkit-animation:buttonAnimation 0.3s ease forwards;animation:buttonAnimation 0.3s ease forwards}
.Hmenu-btn.cur a:before {-webkit-animation:buttonAnimationBefore 0.3s ease forwards;animation:buttonAnimationBefore 0.3s ease forwards}
.Hmenu-btn.cur a:after {-webkit-animation:buttonAnimationAfter 0.3s ease forwards;animation:buttonAnimationAfter 0.3s ease forwards}
@-webkit-keyframes buttonAnimationBefore {0% {-webkit-transform:translateY(0px) rotate(0);transform:translateY(0px) rotate(0)}
    50% {-webkit-transform:translateY(10px) rotate(0);transform:translateY(10px) rotate(0)}
    100% {-webkit-transform:translateY(10px) rotate(45deg);transform:translateY(10px) rotate(45deg)}
}
@keyframes buttonAnimationBefore {0% {-ms-transform:translateY(0px) rotate(0);-webkit-transform:translateY(0px) rotate(0);transform:translateY(0px) rotate(0)}
    50% {-ms-transform:translateY(10px) rotate(0);-webkit-transform:translateY(10px) rotate(0);transform:translateY(10px) rotate(0)}
    100% {-ms-transform:translateY(10px) rotate(45deg);-webkit-transform:translateY(10px) rotate(45deg);transform:translateY(10px) rotate(45deg)}
}
@-webkit-keyframes buttonAnimationAfter {0% {-webkit-transform:translateY(0) rotate(0);transform:translateY(0) rotate(0)}
    50% {-webkit-transform:translateY(-10px) rotate(0);transform:translateY(-10px) rotate(0)}
    100% {-webkit-transform:translateY(-10px) rotate(-45deg);transform:translateY(-10px) rotate(-45deg)}
}
@keyframes buttonAnimationAfter {0% {-ms-transform:translateY(0) rotate(0);-webkit-transform:translateY(0) rotate(0);transform:translateY(0) rotate(0)}
    50% {-ms-transform:translateY(-10px) rotate(0);-webkit-transform:translateY(-10px) rotate(0);transform:translateY(-10px) rotate(0)}
    100% {-ms-transform:translateY(-10px) rotate(-45deg);-webkit-transform:translateY(-10px) rotate(-45deg);transform:translateY(-10px) rotate(-45deg)}
}
@-webkit-keyframes buttonAnimation {0% {background:#aaaaaa}
    50% {background:rgba(255,255,255,0)}
    100% {background:rgba(255,255,255,0)}
}
@keyframes buttonAnimation {0% {background:#aaaaaa}
    50% {background:rgba(255,255,255,0)}
    100% {background:rgba(255,255,255,0)}
}
@-webkit-keyframes show {
    0% {opacity:0}
    100% {opacity:1}
}
@-webkit-keyframes hide {
    0% {opacity:1}
    100% {opacity:0}
}

/*首页banner*/
.in1{position: relative}
.in1 .swiper{margin: 0 auto;position: relative;overflow: hidden;list-style: none;padding: 0;  /* Fix of Webkit flickering */  z-index: 1}
.in1 .swiper .swiper-slide{overflow: hidden}
.in1 .swiper .swiper-slide .sbox{position: relative;overflow: hidden}
.in1 .swiper .swiper-slide .sbox a{display: block}
.in1 .swiper .swiper-slide .sbox a > img{display: block;width: 100%;-ms-transform: scale(1);transform: scale(1);-webkit-transform: scale(1)}
.in1 .swiper .swiper-slide .sbox .pimg .banner_gif{position: absolute;bottom: 40%;left: 0;right: 0;margin: auto;z-index: 9;opacity: .1}
.in1 .swiper .swiper-slide .sbox .mimg{display: none}
.in1 .swiper .pagination{bottom: 50px}
.in1 .swiper .pagination span{width: 40px;height: 4px;opacity: 1;background: rgba(255, 255, 255, 0.5);border-radius: 0;position: relative}
.in1 .swiper .pagination span:after{content: '';display: block;position: absolute;top: 0;left: 0;width: 0;height: 100%;background: #fff}
.in1 .swiper .pagination span.swiper-pagination-bullet-active:after{width: 100%;-webkit-transition: all 4s linear; -o-transition: all 4s linear; transition: all 4s linear}
.in1 .swiper .prev{border-radius: 50%; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s;width: 60px;height: 60px;background: rgba(255,255,255,0.1) url(img/prev.png) center no-repeat;left: 5%;margin-top: -30px}
.in1 .swiper .next{border-radius: 50%; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s;width: 60px;height: 60px;background: rgba(255,255,255,0.1) url(img/next.png) center no-repeat;right: 5%;margin-top: -30px}
.in1 .swiper .prev:hover{background: rgba(255,255,255,.3) url(img/prev.png) center no-repeat}
.in1 .swiper .next:hover{background: rgba(255,255,255,.3) url(img/next.png) center no-repeat}

/*首页新闻*/
.in2{margin-top: 100px}
.in2 .news-title{text-align: center}
.in2 .news-title .title1{font-size: 38px;font-weight: 500;letter-spacing: 4px}
.in2 .news-title .title2{color: #666;font-size: 16px;font-weight: 500;margin-top: 12px;letter-spacing: 10px}
.in2 .news-list {display: -webkit-box;display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;margin-top: 50px}
.in2 .news-list .item {width:32.22%;margin-right:1.66%;-webkit-transition:all 0.6s;-o-transition:all 0.6s;transition:all 0.6s;border-radius: 6px;border: 1px solid #F0EDED}
.in2 .news-list .item .pic {overflow:hidden;margin: 10px}
.in2 .news-list .item .pic img {width:100%;-webkit-transition:-webkit-transform .5s ease-out;transition:-webkit-transform .5s ease-out;-o-transition:transform .5s ease-out;transition:transform .5s ease-out;transition:transform .5s ease-out, -webkit-transform .5s ease-out;-webkit-transition:transform .5s ease-out;-moz-transition:transform .5s ease-out}
.in2 .news-list .item .info {padding:20px 30px 40px}
.in2 .news-list .item .info .t1 {font-size:18px;font-weight: 500}
.in2 .news-list .item .info .t2 {color: #666;margin-top:12px}
.in2 .news-list .item:nth-of-type(3n) {margin-right:0}
.in2 .news-list .item:hover {-webkit-box-shadow: 0 0 16px #dfdfdf;box-shadow: 0 0 16px #dfdfdf}
.in2 .news-list .item:hover .pic img {-ms-transform:scale(1.1);transform:scale(1.1);-webkit-transform:scale(1.1);-moz-transform:scale(1.1)}
.in2 a.more{width: 85px;text-align:center;display: block;color: #5781FF;font-size: 16px;margin: 60px auto 0}

/*首页考试业务树*/
.in3{margin-top: 82px;padding:60px 0;background: #112335;color: #fff}
.in3 .solution-title{text-align: center}
.in3 .solution-title .title1{font-size: 38px;font-weight: 500;letter-spacing: 4px}
.in3 .solution-title .title2{font-size: 16px;font-weight: 500;margin-top: 12px}
.in3 .solution-list .item{font-size: 18px;margin: 60px 0 0;text-align: center}
.in3 .solution-list .item a{color: #fff}
.in3 .solution-list .item img{width: 50px;margin-right: 60px}

/*首页案例*/
.in4{margin-top: 82px}
.in4 .case-title{text-align: center}
.in4 .case-title .title1{font-size: 38px;font-weight: 500;letter-spacing: 4px}
.in4 .case-title .title2{color: #666;font-size: 16px;font-weight: 500;margin-top: 12px;letter-spacing: 3px}
.in4 .case-list {display: -webkit-box;display: -ms-flexbox;display: flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-top: 50px}
.in4 .case-list .item {width:23.75%;margin-right:1.66%;-webkit-transition:all 0.6s;-o-transition:all 0.6s;transition:all 0.6s;border-radius: 6px;border: 1px solid #F0EDED}
.in4 .case-list .item .pic {overflow:hidden;margin: 10px}
.in4 .case-list .item .pic img {width:100%}
.in4 .case-list .item .pic img.hover {display: none}
.in4 .case-list .item .info {padding:20px 30px 50px}
.in4 .case-list .item .info .t1 {font-size:18px;font-weight: 500;text-align: center}
.in4 .case-list .item .info .t2 {color: #666;margin-top:15px}
.in4 .case-list .item:last-of-type {margin-right:0}
.in4 .case-list .item:hover {-webkit-box-shadow: 0 0 16px #dfdfdf;box-shadow: 0 0 16px #dfdfdf;background: #0b38b2}
.in4 .case-list .item:hover .pic img{display: none}
.in4 .case-list .item:hover .pic img.hover {display: block}
.in4 .case-list .item:hover .info,.in4 .case-list .item:hover .info .t2 {color: #fff}

/*首页产品*/
.in5{margin-top: 82px}
.in5 .product-title{text-align: center}
.in5 .product-title .title1{font-size: 38px;font-weight: 500;letter-spacing: 4px}
.in5 .product-title .title2{color: #666;font-size: 16px;font-weight: 500;margin-top: 12px;letter-spacing: 3px}
.in5 .product-list {margin-top: 50px}
.in5 .product-list .swiper-wrapper {-webkit-transition-timing-function: linear;-o-transition-timing-function: linear;transition-timing-function: linear;}
.in5 .product-list .item {width:32.22%;margin-right:1.66%;-webkit-transition:all 0.6s;-o-transition:all 0.6s;transition:all 0.6s;border-radius: 6px;border: 1px solid #F0EDED;height: auto}
.in5 .product-list .item .pic {overflow:hidden;margin: 10px}
.in5 .product-list .item .pic img {width:100%;-webkit-transition:-webkit-transform .5s ease-out;transition:-webkit-transform .5s ease-out;-o-transition:transform .5s ease-out;transition:transform .5s ease-out;transition:transform .5s ease-out, -webkit-transform .5s ease-out;-webkit-transition:transform .5s ease-out;-moz-transition:transform .5s ease-out}
.in5 .product-list .item .info {padding:20px 12px 40px}
.in5 .product-list .item .info .t1 {font-size:18px;font-weight: 500;text-align: center}
.in5 .product-list .item .info .t2 {color: #666;margin-top:12px}
.in5 .product-list .item:hover {-webkit-box-shadow: 0 0 16px #dfdfdf;box-shadow: 0 0 16px #dfdfdf}
.in5 .product-list .item:hover .pic img {-ms-transform:scale(1.1);transform:scale(1.1);-webkit-transform:scale(1.1);-moz-transform:scale(1.1)}

/*首页博物馆*/
.in6{margin-top: 82px}
.in6 .library-title{text-align: center}
.in6 .library-title .title1{font-size: 38px;font-weight: 500;letter-spacing: 4px}
.in6 .library-title .title2{color: #666;font-size: 16px;font-weight: 500;margin-top: 12px;letter-spacing: 3px}
.in6 .library-list {margin-top: 50px;height:650px;background-position: center;background-repeat: no-repeat;background-size: cover}
.in6 .library-list .item{text-align: center;color: #fff;border-right: 2px solid #fff;background: rgba(0, 0, 0, 0.54);height: 100%}
.in6 .library-list .item:hover{background: rgba(53, 81, 255, 0.16)}
.in6 .library-list .item a{display: block;height: 100%;color: #fff}
.in6 .library-list .item img{width: 56px;margin-top:210px}
.in6 .library-list .item .name{font-size: 24px;line-height: 29px;margin:90px 0 25px}
@media all and (min-width:1200px) {
    .in6 .library-list .item{padding: 0 40px}
}

/*首页荣誉*/
.in7{margin-top: 100px;padding:50px 0 0;background-color: #3551FF}
.in7 .honor-title{text-align: center}
.in7 .honor-title .title1{font-size: 38px;font-weight: 500;letter-spacing: 4px;color: #fff}
.in7 .honor-list{padding-bottom:230px;background-image: url("../img/home_honorbg.png");background-repeat: no-repeat;background-position: bottom;background-size: cover}
.in7 .honor-list .container .item {color: #fff;margin-top: 20px}

/*首页浮动导航*/
.home_nav_fixed{position: fixed;left: -252px;top: 35%;z-index: 11;text-align: center;background: rgba(0,0,0,0.3);;border-radius: 8px;overflow: hidden;padding: 10px 0;-webkit-transition:all .5s;-o-transition:all .5s;transition:all .5s}
.home_nav_fixed.act{left: -4px}
.home_nav_fixed a{color: #fff;display: block;padding: 10px 28px 10px 15px;text-decoration: none;font-size: 13px}
.home_nav_fixed a:hover{text-decoration: underline}
.home_nav_fixed a.current{background: #000}

/*返回顶部*/
#cl .right {position:fixed;right:0;top:50%;margin-top:-102px;z-index:10;-webkit-transition:all .5s;-o-transition:all .5s;transition:all .5s;-webkit-box-shadow: 0 0 16px #dfdfdf;box-shadow: 0 0 16px #dfdfdf}
.home_nav_fixed+#cl .right{right:-50px;-webkit-box-shadow: none;box-shadow: none}
#cl .right.act {right:0!important;-webkit-box-shadow: 0 0 16px #dfdfdf!important;box-shadow: 0 0 16px #dfdfdf!important}
#cl .right .ul1 {background:#fff}
#cl .right .ul1 li {cursor:pointer}
#cl .right .ul1 li .img {width:50px;height:50px;padding: 10px}
#cl .right .ul1 li .cla {display:none;position:absolute;top:0;right:50px;width:160px;height:50px;line-height:50px;-webkit-box-shadow: 0 0 15px #e4e4e4;box-shadow: 0 0 15px #e4e4e4;background:#fff;color:#666;font-size:16px;overflow:hidden;text-align:center;z-index:2}
#cl .right .ul1 li.dh:hover .cla {display: block}

/*底部*/
.footer {margin-top: 90px}
.footer .footer_top{margin-bottom: 50px}
.footer .footer_top .left-nav {display:-webkit-box;display:-ms-flexbox;display:flex;padding: 8px 0 0;margin-bottom: 20px}
.footer .footer_top .left-nav .items-box {margin-right: 60px}
.footer .footer_top .left-nav .items-box .tt {font-size:16px;color: #000;margin-bottom: 5px}
.footer .footer_top .left-nav .items-box .items{color: #666;font-size: 13px;line-height: 28px}
.footer .footer_top .right-box {display:-webkit-box;display:-ms-flexbox;display:flex;color: #000;padding: 0;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center}
.footer .footer_top .right-box .code-box {width:120px;margin-right: 30px}
.footer .footer_top .right-box .code-box img {width:100%}
.footer .footer_top .right-box .code-box p {text-align: center;margin-top: 15px}
.footer .footer_top .right-box .tel-box {padding-top: 2px}
.footer .footer_top .right-box .tel {font-size: 26px;line-height: 37px;margin: 10px 0 5px}
.footer .footer_link{margin-bottom: 30px;color: #666;text-align: center}
.footer .footer_link span{margin-right: 24px;color: #000}
.footer .footer_link a{font-size: 12px;margin-right: 20px}
.footer_b {background-color:#E2E2E2;font-size:13px;color: #444;text-align: center;padding: 15px 0}
.footer_b a {margin-left: 16px}

/*栏目Banner*/
#bann{height:420px;color:#fff;background-size:cover;background-position: center;background-repeat: no-repeat;position: relative}

/*第二导航*/
#nav2 {width:100%;height:70px;border-bottom:1px solid #E6E6E6;margin-top: 20px}
#nav2 .sub-menu .main {display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}
#nav2 .sub-menu .main .sub-nav {width:auto;height:70px;position:relative;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch}
#nav2 .sub-menu .main .sub-nav::-webkit-scrollbar {width:6px;height:6px;background-color:#F5F5F5}
#nav2 .sub-menu .main .sub-nav::-webkit-scrollbar-track {border-radius:3px;background-color:#F5F5F5}
#nav2 .sub-menu .main .sub-nav::-webkit-scrollbar-thumb {border-radius:3px;background-color:#ddd}
#nav2 .sub-menu .main .sub-nav .items {min-width:100%;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-left:auto;margin-right:auto}
#nav2 .sub-menu .main .sub-nav .items a {display:block;height:70px;border-bottom:2px solid transparent;line-height:70px;color:#333;white-space:nowrap;font-size: 16px}
#nav2 .sub-menu .main .sub-nav .items a:hover{font-weight: 500}
#nav2 .sub-menu .main .sub-nav .items a.active {border-color:#5781FF;font-weight: 500}
#nav2 .sub-menu .main .sub-nav .items i {display:block;float:left;width:1px;min-width:1px;height:10px;background-color:#ccc;margin:0 40px}
#nav2 .sub-menu .main .sub-nav .items i:last-of-type{display: none}
#nav2 .sub-menu .main .hamb {height:70px;line-height:70px;white-space:nowrap}

/*分页*/
ul.pagination{width:100%;text-align:center}
.pagination li{display:inline-block}
.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus{color:#fff;background: #5781FF;border-color:#5781FF}

/*产品详情*/
#product_bann{width: 100%;margin-top: 60px}
#product_dt {padding: 50px 0 20px}

/*产品服务*/
.service-cate{margin-top: 60px;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}
.service-cate a{display: inline-block}
.service-cate.pc a{width: 23%}
.service-cate.pc a.active{width: 31%}
.service-intro{margin-top: 30px;color: #fff;line-height: 25px;font-size: 16px;padding: 20px 0;position: relative;overflow: hidden;text-align: justify;background-image: url("../img/service_bg.png");background-size: cover;background-position: center;background-repeat: no-repeat}
#service{padding: 30px 0 20px}
#service .service-box .item{margin-bottom: 45px}
#service .service-box .item:last-of-type{margin-bottom: 0}
#service .service-box .item .item_top{padding: 40px 0 72px;margin-bottom: 60px;position: relative}
#service .service-box .item .item_top .item_top_content{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}
#service .service-box .item .title{font-size: 32px;font-weight: 500;padding: 0 10px;border-left: 4px solid #f7f6f6;border-right: 4px solid #f7f6f6}
#service .service-box .item .desc{-webkit-flex: 1;flex: 1;padding: 0 10px;border-right: 4px solid #f7f6f6;line-height: 23px;text-align: justify}
#service .service-box .item .item_top img{width: 30px;position: absolute;bottom: 10px;left: 50%;margin-left: -15px}

/*解决方案*/
#solution{padding: 30px 0 20px}
#solution ul{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-top: 20px}
#solution ul li{-webkit-flex: 1;flex: 1;height: 280px;-webkit-transition:all 0.6s;-o-transition:all 0.6s;transition:all 0.6s;margin-left: 10px}
#solution ul li:first-of-type{margin-left: 0}
#solution ul li .bg{width: 100%;height:100%;background-size:cover;background-position: center;background-repeat: no-repeat}
#solution ul li .mask{display:block;width: 100%;height:100%;background: rgba(0,0,0,0.3);position:relative;color:#fff}
#solution ul li .content{position: absolute;left:0;bottom: 40px;padding: 0 15px;height: 85px;overflow: hidden;-webkit-transition:height 0.6s;-o-transition:height 0.6s;transition:height 0.6s}
#solution ul li .content img{height: 36px;margin-bottom: 20px}
#solution ul li .content .name{font-size: 16px;margin-bottom: 15px}
#solution ul li .content .line{background: #fff;width: 36px;height: 2px;margin-bottom: 25px}
#solution ul li:hover{-webkit-flex: 2;flex: 2;-webkit-transition:all 0.6s;-o-transition:all 0.6s;transition:all 0.6s}
#solution ul li:hover .content{height: 158px;-webkit-transition:height 0.6s;-o-transition:height 0.6s;transition:height 0.6s}

/*用户案例*/
#cases .case-list {padding:50px 0 20px;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}
#cases .case-list .item {width:32%;-webkit-transition:all 0.6s;-o-transition:all 0.6s;transition:all 0.6s;display:block;margin-right:2%;margin-bottom:2%;border-radius: 6px;border: 1px solid #F0EDED}
#cases .case-list .item .pic {width:100%;overflow:hidden;border-radius: 6px}
#cases .case-list .item .pic img {width:100%;-webkit-transition:-webkit-transform .5s ease-out;transition:-webkit-transform .5s ease-out;-o-transition:transform .5s ease-out;transition:transform .5s ease-out;transition:transform .5s ease-out, -webkit-transform .5s ease-out;-webkit-transition:transform .5s ease-out;-moz-transition:transform .5s ease-out}
#cases .case-list .item .info {-webkit-transition:all 0.6s;-o-transition:all 0.6s;transition:all 0.6s;padding:15px 20px}
#cases .case-list .item .info .t1 {font-size:18px;color:#333}
#cases .case-list .item .info .t2 {color:#666;margin-top:20px}
#cases .case-list .item:nth-of-type(3n) {margin-right:0}
#cases .case-list .item:hover {-webkit-box-shadow: 0 0 16px #dfdfdf;box-shadow: 0 0 16px #dfdfdf}
#cases .case-list .item:hover .pic img {-ms-transform:scale(1.1);transform:scale(1.1);-webkit-transform:scale(1.1);-moz-transform:scale(1.1)}

/*用户案例详情*/
#cases_dt {padding:50px 0 20px}
#cases_dt .dt-box {margin-bottom:15px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-wrap:wrap;flex-wrap:wrap}
#cases_dt .dt-box .case-title {font-size: 28px;line-height: 40px;font-weight: bold;margin-bottom: 20px}
#cases_dt .dt-box .img-box {width:40%}
#cases_dt .dt-box .img-box img {width:100%}
#cases_dt .dt-box .info-box {width:57%}
#cases_dt .dt-box .info-box .desc {line-height:26px;color:#666;text-align: justify}
#cases_dt .dt-nav{font-size: 20px;font-weight: 500;color: #444;text-align: center;padding: 20px 0;border-bottom: 1px solid #eee;margin-bottom: 20px}

/*新闻中心*/
#news .news_con{padding:50px 0 0}
.artInfo-left{width:72%;float:left}
#news .newslist ul li{margin-bottom:30px;padding-bottom:30px;border-bottom:1px solid #eee;overflow:hidden}
#news .newslist ul li .N-pic{width:31.76%;float:left}
#news .newslist ul li .N-pic img{max-width:100%;transition:all 0.4s ease-in 0s;-webkit-transition:all 0.4s ease-in 0s;-moz-transition:all 0.4s ease-in 0s;-o-transition:all 0.4s ease-in 0s}
#news .newslist ul li .N-pic:hover img{transform:scale(1.1); -webkit-transform:scale(1.1); -moz-transform:scale(1.1); -o-transform:scale(1.1);-ms-transform:scale(1.1)}
#news .newslist ul li .N-note{width:64%;float:right;padding-right: 10px}
#news .newslist ul li .N-note h4{font-size:18px;font-weight:bold;margin-top: 8px}
#news .newslist ul li .N-note h4 a:hover{color:#5781FF}
#news .newslist ul li .N-note p{color:#666;line-height:26px;margin: 30px auto 40px}
#news .newslist ul li .N-note .item_b{display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;-webkit-box-align: center;-ms-flex-align: center;align-items: center}
#news .newslist ul li .N-note .item_b .time{font-size: 12px;color: #9F9F9F}
#news .newslist ul li .N-note .item_b a.more{width: 87px;height: 25px;line-height: 25px;text-align: center;border: 1px solid #D1D1D1;font-size: 12px;color: #9F9F9F}
#news .newslist ul li .N-note .item_b a.more:hover{color:#5781FF;border-color: #5781FF}
.artInfo-right{width:23.5%;float:right}
.aiAbout-news{margin:0 0 30px;-webkit-box-shadow: 0 8px 36.8px 3.2px rgba(0, 0, 7, 0.08);box-shadow: 0 8px 36.8px 3.2px rgba(0, 0, 7, 0.08);padding:30px 25px 20px;position:relative}
.aiAbout-news .top{line-height:28px;font-size:18px;border-bottom:1px solid #ececec;padding-bottom:20px}
.aiAbout-news .list li{margin:20px 0}
.aiAbout-news .list li .name{line-height:26px}
.aiAbout-news .list li .name a{color:#777}
.aiAbout-news .list li .name:hover a{color:#5781FF}
.aiAbout-news .list li .date{line-height:21px;font-size:12px;color:#999;margin:5px 0 0}

/*新闻详情*/
#newsdt .news_con{padding:50px 0 20px}
#newsdt .artInfo-left .artInfo-name{text-align:center;line-height:44px;font-size:20px;font-weight:bold}
#newsdt .artInfo-left .artInfo-ab{text-align:center;line-height:22px;color:#777;margin:15px 0 0}
#newsdt .artInfo-ab span{display:inline-block;margin:0 5px}
#newsdt .artInfo-con{line-height:32px;color:#666;position:relative;overflow:hidden;margin:37px 0 0}
#newsdt .artInfo-con img{max-width:100%}
#newsdt .artInfo-page{padding:15px 3.689567430025445%;line-height:24px;color:#666;background:#f1f1f1;margin:49px 0 0}
#newsdt .artInfo-page .type{color:#999;margin:0 5px 0 0}
#newsdt .artInfo-page a{display:block;width:46%}
#newsdt .artInfo-page a.fl{float: left}
#newsdt .artInfo-page a.fl:hover{color: #5781FF}
#newsdt .artInfo-page a.fr{text-align:right;float: right}
#newsdt .artInfo-page a.fr:hover{color: #5781FF}

/*考试文化博物馆*/
#library{padding: 50px 0 20px}
#library .library-title{font-size: 38px;font-weight: 500;line-height: 56px;letter-spacing: 4px;text-align: center;margin-bottom: 26px}
#library .library-desc{font-size: 18px;color: #666;line-height: 28px;margin: 30px 0}
#library .library-top img{width: 55px}
#library .library-list{position: relative}
#library .library-list .list-left{padding-top: 90px}
#library .library-list .list-left ul{border-radius: 5px;overflow: hidden}
#library .library-list .list-left ul.fixed{position: fixed;top: 80px}
#library .library-list .list-left li{font-size: 20px;line-height: 30px;color: #444444}
#library .library-list .list-left li a{border-left: 5px solid #d8d8d8;background: transparent!important}
#library .library-list .list-left .current{color: #5781FF;border-color: #5781FF;font-weight: 500}
#library .library-list .item{padding-top: 100px}
#library .library-list .item .title{font-size: 32px;font-weight: 500;line-height: 50px;margin-bottom: 20px}
#library .library-list .item .desc{font-size: 18px;color: #666;line-height: 28px}
#library .library-list .item .swiper-container{max-width: 567px;margin-top: 80px}

/*公司概况*/
#about {margin-top:50px}
#about .about-box {margin-bottom:15px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-wrap:wrap;flex-wrap:wrap}
#about .about-box .about-title {font-size: 28px;line-height: 40px;font-weight: bold;margin-bottom: 20px}
#about .about-box .img-box {width:40%}
#about .about-box .img-box .about-img {width:100%;padding-bottom:100%;border-radius: 450px;background-repeat: no-repeat;background-position: center;background-size: cover;box-shadow: 2px 2px 15px #ddd}
#about .about-box .info-box {width:57%}
#about .about-box .info-box .info {line-height:26px;color:#666;text-align: justify}
#library .library-list .item{padding-top: 60px}
#library .library-list .item .title{font-size: 24px}
#library .library-list .item .desc{font-size: 16px}
#library .library-list .item .swiper-container{margin-top: 20px}

/*发展历程*/
#development{padding: 50px 0 20px}
#development .development-top{text-align: center;margin-bottom: 50px}
#development .development-top .title1{font-size: 38px;font-weight: 500;line-height: 56px}
#development .development-top .title2{color: #666;font-size: 16px;margin-top: 12px}
#development .development-box{display: -webkit-box;display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;position: relative;padding-bottom: 50px}
#development .development-box .timeline{position: absolute;top: 0;width: 2px;height: 100%;left: 50%;margin-left: -1px;overflow: hidden;background: #e1e1e1}
#development .development-box>.point{position: absolute;top: -15px;width: 15px;height: 15px;left: 50%;margin-left: -8px;border: 2px solid #e1e1e1;border-radius: 15px}
#development .development-box .item{width: 50%;padding: 20px 0;position: relative}
#development .development-box .item:nth-of-type(2n){text-align: right;padding-right: 20px}
#development .development-box .item:nth-of-type(2n+1){padding-left: 20px}
#development .development-box .item .point{width:15px;position: absolute;top: 52px}
#development .development-box .item:nth-of-type(2n) .point{right: -8px}
#development .development-box .item:nth-of-type(2n+1) .point{left: -8px}
#development .development-box .item .year{font-size: 38px}
#development .development-box .item .img{display: inline-block;width:120px;height:120px;border-radius: 120px;background-repeat: no-repeat;background-position: center;background-size: cover}
#development .development-box+p{text-align: center;color: #777}

/*荣誉资质*/
#honor .honor-box {padding: 50px 0 20px;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}
#honor .honor-box .item {width:32%;margin-right:2%;margin-bottom:2%;-webkit-transition:all 0.6s;-o-transition:all 0.6s;transition:all 0.6s;padding:10px;border-radius: 6px;border: 1px solid #F0EDED}
#honor .honor-box .item:nth-of-type(3n) {margin-right:0}
#honor .honor-box .item .pic {width:100%;overflow:hidden;border-radius: 6px;position: relative}
#honor .honor-box .item .pic img {width:100%}
#honor .honor-box .item .mask{display: none;background: rgba(0,0,0,0.7);padding: 10px;width: 100%;height: 100%;position: absolute;top: 0;left: 0}
#honor .honor-box .item .info {border-radius: 6px;border: 1px solid #F0EDED;height: 100%}
#honor .honor-box .item .info p{font-size:24px;font-weight:500;color:#fff;line-height:33px;text-align:center;width:75%;position: absolute;top: 50%;left: 50%;-webkit-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);transform: translate(-50%,-50%)}
#honor .honor-box .item:hover .mask {display: block}

/*典型客户*/
#customer{margin-top: 50px}

/*联系我们*/
#contact .contact-box {margin-top:50px}
#contact .contact-box .map-box {padding:40px 0}
#contact .contact-box .map-box #map {width:100%;height:480px}
#contact .contact-box .address-items {display:-webkit-box;display:-ms-flexbox;display:flex}
#contact .contact-box .address-items .item {border-right:1px solid #f1f2f3;text-align:center;width:20%;padding:0 3%}
#contact .contact-box .address-items .item .img {position:relative;display:block;width:60px;height:60px;margin:auto;-webkit-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;transition:all .4s ease-in-out}
#contact .contact-box .address-items .item .img:hover {-webkit-transform:rotateY(180deg);-ms-transform:rotateY(180deg);transform:rotateY(180deg)}
#contact .contact-box .address-items .item .img img:nth-child(2) {position:absolute;left:0;top:0;opacity:0}
#contact .contact-box .address-items .item .img:hover img:nth-child(2) {opacity:1}
#contact .contact-box .address-items .item .t1 {font-size:16px;color:#999;margin:20px 0}
#contact .contact-box .address-items .item .desc {font-size:16px;padding-bottom:1px}
#contact .contact-box .address-items .item:last-of-type {border-right:0}
#contact .contact-box .address-items .item:hover .desc {display:inline-block;color:#5781FF}

/*地图*/
label.BMapLabel {left:-110px !important;top:-80px !important;border:0 !important;max-width: initial}
.BMapLabel .map-info {height:70px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}
.BMapLabel .map-info .info {padding:10px}
.BMapLabel .map-info .info .t1 {font-size:14px;color:#666}
.BMapLabel .map-info .info .t2 {font-size:14px;margin-top:10px}
.BMapLabel .map-info .gps-box {display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;background-color:#5781FF;width:70px;height:100%}
.BMapLabel .map-info .gps-box img {width: 30%}
.BMapLabel .map-info .gps-box .tt {font-size:14px;color:#fff;margin-top:10px}

/*客户留言*/
#contact .message-box {padding:20px 0;background-color:#fff}
#contact .message-box .title {font-size:16px;color:#999}
#contact .message-box .title span {font-weight:bold;color:#333;font-size:24px;line-height:24px;margin-right:15px}
#contact .message-box .form-box {display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;margin-top:30px}
#contact .message-box .form-box .line {width:49%;margin-bottom:2%;height:60px;position:relative}
#contact .message-box .form-box .line input {width:100%;height:100%;border:1px solid #eee;-webkit-transition:all 0.6s;-o-transition:all 0.6s;transition:all 0.6s;padding-left:30px}
#contact .message-box .form-box .line input:focus {-webkit-box-shadow:0 0 10px 0 rgba(0,66,120,0.2);box-shadow:0 0 10px 0 rgba(0,66,120,0.2);border:solid 1px #5781FF}
#contact .message-box .form-box .line.has-star:before {content:'*';position:absolute;color:#f00000;font-size:16px;left:22px;top:22px}
#contact .message-box .form-box .line.has-text {width:100%;height:160px;resize:none}
#contact .message-box .form-box .line.has-text textarea {width:100%;height:100%;border:1px solid #eee;padding:20px 30px;-webkit-transition:all 0.6s;-o-transition:all 0.6s;transition:all 0.6s;resize:none}
#contact .message-box .form-box .line.has-text textarea:focus {-webkit-box-shadow:0 0 10px 0 rgba(0,66,120,0.2);box-shadow:0 0 10px 0 rgba(0,66,120,0.2);border:solid 1px #5781FF}
#contact .message-box .form-box .code-box {height:60px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}
#contact .message-box .form-box .code-box .line {width:190px;height:100%;margin-bottom:0}
#contact .message-box .form-box .code-box .img-box {overflow:hidden;width:160px;height:100%;line-height:60px}
#contact .message-box .form-box .code-box .img-box img {height:100%}
#contact .message-box .form-box .msg-btn {width:190px;height:60px;line-height:60px;text-align:center;color:#fff;font-size:16px;border:0;border-radius:3px;background-color:#5781FF}

/*加入我们*/
#join .join-box {padding:50px 0 20px}
#join .join-box .join-nav {display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}
#join .join-box .join-nav .item {width:140px;height:50px;line-height:50px;font-size:16px;color:#666;border:1px solid #eee;text-align:center;display:block;margin-right:20px}
#join .join-box .join-nav .item.active,#join .join-box .join-nav .item:hover {background-color:#5781FF;border:1px solid #5781FF;color:#fff}
#join .join-box .text {font-size:16px;color:#888;text-align:center;margin-top:20px;line-height:30px}
#join .join-box .join-select {padding:0 0 30px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;margin-top:35px;border-bottom:1px solid #eee}
#join .join-box .join-select input {width:28%;height:50px;border:1px solid #eee;caret-color:#5781FF;padding-left:30px}
#join .join-box .join-select input:focus {border:1px solid #5781FF;-webkit-box-shadow:0 0 10px 0 rgba(0,66,120,0.2);box-shadow:0 0 10px 0 rgba(0,66,120,0.2)}
#join .join-box .join-select .select {width:28%;height:50px;border:1px solid #eee;background-image:url("img/munder.png");background-repeat:no-repeat;background-position:right 30px center;background-size:13px 8px}
#join .join-box .join-select .select select {width:100%;height:100%;background-color:transparent;border:0;padding-left:30px}
#join .join-box .join-select .select select option {border:1px solid #eee}
#join .join-box .join-select .btn {width:100px;height:50px;line-height:50px;font-size:16px;color:#fff;border:0;background-color:#5781FF}
#join .join-box .join-list {padding:40px 0 10px}
#join .join-box .join-list li {margin-bottom:10px}
#join .join-box .join-list li .recruit-top {width:100%;height:70px;padding:0 30px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;background:#f7f7f7;cursor:pointer;-o-transition:all .5s ease-out;transition:all .5s ease-out;-webkit-transition:all .5s ease-out;-moz-transition:all .5s ease-out}
#join .join-box .join-list li .recruit-top > div {color:#666;width:25%}
#join .join-box .join-list li .recruit-top > div span {color:#333}
#join .join-box .join-list li .recruit-top > div:nth-of-type(2) {text-align:center}
#join .join-box .join-list li .recruit-top > div:nth-of-type(3) {text-align:center}
#join .join-box .join-list li .recruit-top > div:nth-of-type(4) {text-align:center}
#join .join-box .join-list li .recruit-top > div:nth-of-type(5) {text-align:right;white-space: nowrap}
#join .join-box .join-list li .recruit-top:hover {background:#5781FF}
#join .join-box .join-list li .recruit-top:hover > div {color:#fff}
#join .join-box .join-list li .recruit-top:hover > div span {color:#fff}
#join .join-box .join-list li .recruit-content {width:100%;padding:0 30px 50px;-webkit-box-sizing:border-box;box-sizing:border-box;display:none}
#join .join-box .join-list li .recruit-content h2 {padding: 18px 0; font-size: 18px; color: #5781FF;font-weight: 500}
#join .join-box .join-list li .recruit-content .join-in {width:180px;height:50px;line-height:50px;color:#fff;display:inline-block;text-align:center;background:#5781FF;margin-top:35px;border-radius: 3px}

/*弹窗投递简历*/
.join-form{width:600px;height:336px;background-color:#fff;padding:40px}
.join-form .line{width:100%;height:46px;display:inline-block}
.join-form .line .join-label{height:46px;display:inline-block;float:left;font-size:16px;line-height:46px;margin:0}
.join-form .line input{display:inline-block;float:left;width:438px;height:46px;background-color:#fff;border:none;border-bottom:1px solid #f1f5fd;padding:0 10px}
.join-form .line select{display:inline-block;float:left;width:438px;height:46px;background-color:#fff;border:none;border-bottom:1px solid #f1f5fd;padding:0 10px}
.join-form .line textarea{display:inline-block;float:left;width:438px;height:100px;background-color:#fff;border:1px solid #f1f5fd;padding:10px;resize:none}
.join-form .line .load{width:438px;height:25px;background-color:#fff;border:none;margin-top:6px;display:inline-block;float:left}
.join-form .line img{display:inline-block;margin-left:10px;width:100px;height:44px}
.join-form .line button{width:120px;height:38px;border-radius:4px;background-color:#5781FF;line-height:38px;text-align:center;font-size:16px;color:#fff;border:none;float:right}
.join-form .line.heightauto{height:auto}

/*团队风采*/
#team .team-box {padding:50px 0 20px;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}
#team .team-box .item {width:32%;margin-right:2%;margin-bottom:2%;-webkit-transition:all 0.6s;-o-transition:all 0.6s;transition:all 0.6s;padding:10px;border-radius: 6px;border: 1px solid #F0EDED}
#team .team-box .item:nth-of-type(3n) {margin-right:0}
#team .team-box .item .pic {width:100%;overflow:hidden;border-radius: 6px;position: relative}
#team .team-box .item .pic img {width:100%}
#team .team-box .item .info{display: none;background: rgba(0,0,0,0.7);width: 100%;height: 50px;line-height: 50px;position: absolute;bottom: 0;left: 0}
#team .team-box .item .info p{font-size: 18px;font-weight: 500;color: #fff;padding: 0 15px}
#team .team-box .item:hover .info {display: block}

#team_dt{padding: 50px 0 20px}
#team_dt .artInfo-name{text-align:center;line-height:44px;font-size:20px;font-weight:bold}
#team_dt .artInfo-ab{text-align:center;line-height:22px;color: #777;margin:15px 0 0}
#team_dt .artInfo-ab span{display:inline-block;margin:0 5px}
#team_dt .artInfo-con{line-height:32px;color:#666;position:relative;overflow:hidden;margin:37px 0 0}

/*福利保障*/
#welfare .welfare-box {padding: 50px 0 20px}

/*资料下载*/
#download .down-box {padding: 50px 0 20px}
#download .down-box ul li {width:100%;clear:both;overflow:hidden;border-bottom:1px #d9d9d9 solid}
#download .down_1 {border:none;background-color:#f5f5f5;line-height:60px;color:#666;font-size:20px}
#download .down_1_left {float:left;margin-left:30px}
#download .down_1_right {float:right;margin-right:30px}
#download .down_2 {padding:30px 0 20px 0;font-size:18px}
#download .down_2_left {margin-left:30px;background-image: url(img/download.png);background-position:left center;background-repeat:no-repeat;padding-left:38px}
#download .down_2_left2 {color:#777;padding-left:20px;margin-left:20px;background-position:left center;background-repeat:no-repeat;background-image:url(img/img07.png)}
#download .down_2_right {float:right;display:inline-block;padding:0 36px}