* {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box}
body{width:100%;height:100%;margin:0;padding:0;color:#5d5d5d;font-family:"PingFang SC","Microsoft Yahei","Helvetica Neue",Helvetica,Arial,sans-serif;font-size:14px;line-height:1.5;background-color:#fff;min-width:1220px}
@font-face{font-family:'Barlow';src:url('../fonts/Barlow-Regular.ttf'),url("../fonts/Barlow-Regular.svg") format("svg");}
@font-face {font-family: 'iconfont';src: url('../font_a0gtf7ueinj/iconfont.woff2?t=1630653393563') format('woff2'), url('../font_a0gtf7ueinj/iconfont.woff?t=1630653393563') format('woff'), url('../font_a0gtf7ueinj/iconfont.ttf?t=1630653393563') format('truetype');}
:focus{outline:none;outline-offset:0}
p{margin:.5em 0}
a{color:#333;text-decoration: none}
a:hover{color:#0656bb}
hr{box-sizing:content-box;height:0;overflow:visible}
.flex{display: flex}
.flex-row{flex: 1}
.no-space{margin:0;padding:0}
.row{margin-right:-10px;margin-left:-10px}
.col{margin-right:10px;margin-left:10px}
.img-responsive{max-width:100%;height:auto;vertical-align:top}
.text-truncate{word-wrap: normal;text-overflow: ellipsis;white-space: nowrap;overflow: hidden}
.iconfont {font-family: "iconfont" !important;font-size: 16px;font-style: normal;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale}

.container{width: 1200px;margin-left:auto;margin-right:auto}
.clearfix:after,.container:after{content:"";display:table;clear:both;width:100%}
.pull-left{float:left}
.pull-right{float:right}
.col-2{float:left;width:50%}

.an{position:relative;transition: all .4s ease 0s;overflow:hidden}
.an:before{content: '';position: absolute;display: block;background: rgba(255,255,255,.2);transition: -webkit-transform .39s ease 0s;backface-visibility: hidden;left: -7.5px;top: 0;width: calc(100% + 30px);height: 100%;transform: skew(-15deg) scaleX(0);transform-origin: left top;}
.an:hover:before {transform: skew(-15deg) scaleX(1)}

.top{padding-top:25px;padding-bottom:15px}
.top .tel-phone{padding-left:40px;font-family:Barlow;font-size:26px;color:#303957;line-height:40px;background:url("../images/icon-phone.png") no-repeat left center}

.navbar-collapse{background-color:#1d2088}
.header ul{list-style-type:none}
.header .nav{display: flex;}
.header .nav li{position:relative;margin:0;padding:0;flex:1;text-align:center;z-index:99}
.header .nav li a{display:block;font-size:16px;color: #fff;line-height:58px;}
.header .nav>li>a:hover,.header .nav>li.active>a{font-size:18px;}
.header .nav>li>a:hover::after,.header .nav>li.active>a::after{position:absolute;left:50%;bottom:0;content: "";display: block;width:28px;height:2px;margin-left:-14px;background-color: #fff;}
.header .nav li ul{position:absolute;width:100%;display:none;background-color:#1c2033}
.header .nav li ul a{display: block;color:#fff;font-size:16px;line-height:50px}
.header .nav li ul a:hover{background-color: #1d2088}

.home-box{padding-top: 95px;padding-bottom: 95px}
.home-box .title h2{font-size:40px;color:#303957;font-weight:500}
.home-box .title p{font-size:18px;color:#7b839c}
.home-box .list{margin-top:80px;}

.jyfw{background-color: #f5f9f9}
.jyfw .list .jyfw-item{position:relative;box-shadow:0 5px 20px rgb(0 0 0 / 20%);transition:all .3s ease-out 0s}
.jyfw .list .jyfw-item .jyfw-item-header{position:relative;padding:22px;background-color: #dfe6f6;color:#303957}
.jyfw .list .jyfw-item .jyfw-item-header:before{position:absolute;content:"";display: block;width:45px;height:4px;background-color:#1d2088;right:48px}
.jyfw .list .flex-row:first-child .jyfw-item .jyfw-item-header:after{position:absolute;content:"";display:block;width:135px;height:73px;background:url("../images/icon-jyfw-1.png") no-repeat right bottom;bottom:0;right:28px}
.jyfw .list .flex-row:last-child .jyfw-item .jyfw-item-header:after{position:absolute;content:"";display:block;width:117px;height:78px;background:url("../images/icon-jyfw-2.png") no-repeat right bottom;bottom:0;right:28px}
.jyfw .list .jyfw-item .jyfw-item-header h3{font-size:30px;font-weight:500}
.jyfw .list .jyfw-item .jyfw-item-header p{margin:15px 0 0;padding:0;font-size:14px}
.jyfw .list .jyfw-item .jyfw-item-content{padding: 30px 45px;font-size:18px;line-height:2;background-color:#fff}
.jyfw .list .jyfw-item .jyfw-item-content ol{list-style-type:none;counter-reset:sectioncounter}
.jyfw .list .jyfw-item .jyfw-item-content ol li:before{content: counter(sectioncounter) "、";counter-increment: sectioncounter}
.jyfw .list .jyfw-item.active{top:-15px}
.jyfw .list .jyfw-item.active .jyfw-item-header{background-color: #1d2088;color:#fff}
.jyfw .list .jyfw-item.active .jyfw-item-header:before{background-color:#dfe6f6}
.jyfw .list .flex-row:first-child .jyfw-item.active .jyfw-item-header:after,
.jyfw .list .flex-row:last-child .jyfw-item.active .jyfw-item-header:after{opacity:.3}

.youshi{background:url("../images/youshi-bg-1.png") no-repeat right center;background-size:contain;transition:all ease-in-out .3s}
.youshi .youshi-left{width:50%;background-color:#1d2088}
.youshi .youshi-text{position:relative;width:600px;padding:0 80px 90px 0;float:right;}
.youshi .youshi-text:after{content:"";position:absolute;top:0;bottom:0;left:600px;width:120px;height:100%;display:block;background:url("../images/youshi-text-bg.png") no-repeat left bottom;background-size:cover}
.youshi-header{color:#fff}
.youshi-header h2{margin-top:50px;font-size:40px;font-weight:500}
.youshi-header p{padding:10px 0;font-size:18px}
.youshi-list li{margin-top:80px;list-style-type:none;counter-increment:youshi-list}
.youshi-list li a{position:relative;display:block;padding-left:90px;color:rgba(255,255,255,.5)}
.youshi-list li a:before{position:absolute;left:0;content:"0"counter(youshi-list);font-family:Barlow;font-size:60px;font-weight: bold}
.youshi-list li .title{margin-bottom:8px;font-size:24px}
.youshi-list li p{margin:0;padding:0;font-size:16px;line-height:1.6}
.youshi-list li a.active,.youshi-list li a:hover{color:rgba(255,255,255,1)}
.youshi-list li a.active:after,.youshi-list li a:hover:after{position:absolute;content: url("../images/icon-arrow.png");top:15px;right:-70px}

.hzal{padding-bottom:0}
.hzal .list{margin-top:50px}
.hzal-img{position:relative;overflow:hidden}
.hzal-img h3{position:absolute;width:100%;padding-left:10px;padding-right:10px;left:0;bottom:0;height:45px;line-height:45px;font-size:20px;color:rgba(255,255,255,.8);text-align:center;background-color:rgba(0,0,0,.6);font-weight: normal;z-index:9}
.hzal-desc{height:130px;padding:18px 0 35px;font-size:16px;color:#7b839c;border-bottom:4px solid #e8e8ea;overflow:hidden}
.hzal .list a:hover .hzal-img h3{background-color:#1d2088}
.hzal .list a .hzal-img img{transition: transform .3s linear}
.hzal .list a:hover .hzal-img img{transform: scale(1.1)}
.hzal .list a:hover .hzal-desc{border-bottom-color:#1d2088}

.xwdt .list{margin-top:50px}

.news-list .news-thumb{position:relative;overflow:hidden}
.news-list .news-date{position:absolute;padding:12px 30px;font-size:16px;font-family: Barlow;color:#fff;background-color:#1a3a85;z-index:9}
.news-list .news-date em{display:block;font-style:normal;font-size:52px;text-align:center;line-height:1;font-weight:700}
.news-list a.title{font-size:24px;color:#303957}
.news-list a.title h5{margin-top:15px;font-weight:normal}
.news-list a .news-thumb img{transition: transform .3s linear}
.news-list a:hover .news-thumb img{transform: scale(1.1)}
.news-list p{height:72px;font-size: 16px;color: #b0b5c4;overflow: hidden}
.news-list .news-detail-btn{margin-top:20px}
.news-list .news-detail-btn a,.go-list a{display: block;width: 200px;line-height:48px;text-align:center;font-size:16px;color:#fff;background-color:#1a3a85;border-radius: 5px}

.news-list-2{margin-bottom:20px;padding:13px 10px;background-color:#f2f5fc}
.news-list-2:last-child{margin-bottom:0}
.news-list-2 .pull-left:last-child{width: 450px}
.news-list-2 .news-date{width:120px;margin-top:12px;text-align:center;color:#303957;font-size:16px;font-family: Barlow}
.news-list-2 .news-date em{display:block;font-style:normal;font-size:52px;line-height:1;font-weight:700}
.news-list-2 a.title{display:block;font-size:24px;color:#303957;line-height: 1.8}
.news-list-2 a.title:hover,.news-list a.title:hover{color:#0656bb}
.news-list-2 p{font-size:16px;color:#7b839c}

.kslx{padding-top:110px;padding-bottom:110px;background:url("../images/quick-bg.png") no-repeat 50% 50%;background-size:cover;text-align:center;color:#fff}
.kslx .first-title{font-size:40px}
.kslx .sec-title{font-size:24px}
.kslx .quick-link a{margin-top:30px;padding:8px 35px;display:inline-block;border:#fff solid 2px;border-radius:5px;font-size:16px;color:#fff}

.footer{padding:45px 0 15px;color:#707070;background-color:#1b2124}
.footer p{margin:0;padding:0}
.footer a{color:#707070}
.footer a:hover{color:#fff}
.foot-company{width:480px;font-size:12px}
.foot-product{width:350px}
.foot-contact{width:330px}
.foot-company h3{margin-bottom:15px;padding-left:40px;font-size:24px;font-weight:500;background:url("../images/small-logo.png") no-repeat 0 50%;background-size:32px 32px;line-height:32px}
.foot-company .qr-code{margin-top:12px}
.foot-company .qr-code img{max-width:120px;padding-top:5px}
.foot-company .foot-tel-phone-title{margin-top:12px;font-size:16px}
.foot-company .foot-tel-phone{font-size:28px;font-family:Barlow}
.footer h4{margin:15px 0;padding:0;font-size:20px;color:#fff;font-weight:normal}
.foot-link{padding-top:40px}
.foot-link ul{list-style-type:none}
.foot-link ul li{display: inline-block;margin-right:2em;line-height: 1.8}
.copyright{margin-top:60px;text-align: center}
.footer .foot-menu-text{font-size:16px;line-height:2.4}

.box-shadow{box-shadow:0 3px 10px rgb(0 0 0 / 4%);}

.page-box{padding-top:1px;background:url("../images/main-bg.png")}
.page-product{padding:60px 0;}
.page-product .page-left{width: 330px;padding-bottom:30px;background-color:#fff;border-radius:6px}
.page-product .page-right{width: 850px;padding:35px;background-color:#fff;border-radius:6px}
.page-title{margin:0 0 25px;padding:0;color:#2d2d39;font-size:30px}
.post-date{margin-bottom:25px;padding-left:28px;color:#b7b7b7;font-size:16px;background:url("../images/icon-post-date.png") no-repeat 0 1px;}
.page-content{color:#5d5d5d;font-size:16px;line-height:1.8}
.page-content p{margin-bottom:1em}
.page-content img,.page-content video,.page-content table{vertical-align:top;max-width:100%;height:auto}
.page-left-header{padding:22px}
.page-left-header h3{margin:5px 0;font-size:28px;color:#000}
.page-left-header p{font-size:18px;color:#707070;text-transform: uppercase;opacity:.5}
.sub-cate,.sub-cate dt,.sub-cate dd{margin:0;padding:0}
.sub-cate{margin-block-start:0;margin-block-end:0}
.sub-cate dt{position:relative;height:62px;padding-left:62px;line-height:62px;font-size:18px;color:#1c2033;font-weight:600;cursor: pointer}
.sub-cate dt span{position:absolute;display: block}
.sub-cate dt .cate-icon{left:25px;top:18px;width:24px;height:24px;background-position:0 0;background-repeat: no-repeat}
.sub-cate dt .cate-more{right:35px;top:24px;width:10px;height:10px;border-top:3px solid #8188a0;border-right:3px solid #8188a0;transform: rotate(45deg);transition: transform .3s linear}
.sub-cate.active dt{background-color:#1d2088;color:#fff}
.sub-cate.active dt .cate-icon{background-position:0 -24px}
.sub-cate.active dt .cate-more{border-color:#fff;transform: rotate(135deg)}
.sub-cate dd{padding:12px 20px}
.sub-cate dd ol{list-style-type:none;counter-reset:sectioncounter}
.sub-cate dd ol li{padding-bottom:10px}
.sub-cate dd ol li:before{content: counter(sectioncounter) "、";counter-increment: sectioncounter}
.sub-cate dd ol li a{color:#666;font-size:14px}
.sub-cate dd ol li a:hover{color:#0656bb}

.page-news{padding-top:60px;padding-bottom: 60px}
.page-news .news-list{margin-bottom:35px}
.page-news-main{margin-top:40px}
.page-news-main .page-left{padding:35px;width:865px;background-color:#fff}
.page-news-main .page-right{width:315px}

.page-news-detail{padding:1px 0 60px}
.position{margin-top:40px;padding-left:25px;font-size:14px;color:#b7b7b7;background:url("../images/icon-subway.png") no-repeat 0 50%}
.position a{color:#b7b7b7}
.page-news-detail .inner-page-banner{margin-top:40px}
.page-news-detail hr{margin-top:40px;margin-bottom:20px;border:0;border-top:1px solid #e5e5e5}
.last-next ul{list-style-type:none}
.last-next ul li{padding:8px 0}
.recommend-news .recommend-news-header{padding:20px 0;line-height:20px}
.recommend-news h3{font-size:18px;color:#333}
.recommend-news-list:not(:last-child){margin-bottom:20px}
.recommend-news-list .title{margin-top:10px;font-size:16px;color:#333}
.recommend-news-list p{color:#b0b5c4}
.recommend-news-list .post-date{margin-bottom:0;height:18px;padding-left:25px;color:#b0b5c4;font-size:12px;line-height:18px;background-size:16px 16px}

.list-spec{margin-top:40px;padding:35px;background-color:#fff}

.page-certificates{padding-top:150px;padding-bottom:150px;background:url("../images/certificates-bg.jpg") no-repeat 50% 50%;background-size:cover}
.page-certificates .cert-text{width:700px;}
.page-certificates .cert-text>div{margin-top:120px;color:#fff}
.page-certificates .cert-text>div h2{margin:0;padding:0;font-size:48px;font-weight:500}
.page-certificates .cert-text>div p{font-size:16px;opacity:.8;width:60%;line-height:2}
.page-certificates .cert-search{width:480px}
.cert-search-form-header{position:relative;height:140px;padding-top:25px;padding-left:25px;background-color:#dfe6f6}
.cert-search-form-header p{margin:0;font-size:30px;color:#303957;text-transform: uppercase;font-family: Barlow;line-height:1.4}
.cert-search-form-header h3{margin:0;font-size:32px;color:#303957;}
.cert-search-form-header:before{position:absolute;content:"";display: block;width:55px;height:4px;background-color:#303957;top:25px;right:25px}
.cert-search-form-header:after{position:absolute;content:"";display:block;width:87px;height:86px;background:url("../images/icon-search.png") no-repeat right bottom;bottom:0;right:28px}
.cert-search-form-content{padding:40px;background-color:#fff}
.form-control{padding:15px;margin-bottom:20px;height:65px;width:100%;line-height:65px;border:1px solid #f5f5f5;border-radius:6px;font-size:20px;background-color:#f5f5f5}
.btn{margin-top:30px;margin-bottom:20px;height: 60px;width:100%;line-height: 60px;border:1px solid #1d2088;font-size:20px;color:#fff;border-radius:6px;background-color: #1d2088;cursor:pointer}

.cert-main{margin-top:30px;margin-bottom:50px}
.cert-list>div{position:relative;margin-bottom:20px;padding:35px;border-radius:6px;background-color:#fff;overflow: hidden}
.cert-list .title{padding-left:18px;font-size:26px;color:#2d2d39}
.cert-list .title:hover{color:#0656bb}
.cert-list .title:before{position:absolute;content:"";display:block;top:51px;width:8px;height:8px;border-radius:50%;line-height:8px;background-color:#1d2088}
.cert-list .cert-date{font-size:18px;line-height:36px;color:#1c2033}
.cert-list>div:after{position:absolute;right:25px;bottom:-45px;content:attr(index);font-family:Barlow;font-size:150px;color:rgba(123,131,156,.1);font-weight:700;line-height:1}

.cert-wrap{margin-top:40px;padding:50px 100px 100px;background:#fff url("../images/cert-bg.png") no-repeat 50% 50%;background-size:cover}
.page-cert-detail h2{margin:0;padding-bottom:45px;text-align:center;font-size:30px;color:#2d2d39}
.page-cert-detail dl:after{content:"";clear:both;display:table;width: 100%}
.page-cert-detail dt,.page-cert-detail dd{float:left;margin:0;padding:0;font-size:18px}
.page-cert-detail dt{width:40%;text-align:right;color:#1c2033;font-weight:700}
.page-cert-detail dd{width:60%;color:#5d5d5d}
.company-wrap{margin-top:40px;padding:50px 150px 100px;background:#fff url("../images/company-bg.png") no-repeat 50% 50%;background-size:cover}
.company-wrap dt{width:30%}
.company-wrap dd{width:70%}
.go-list{padding:40px 0 60px}
.go-list a{margin-left:auto;margin-right:auto}

.about-box{position:relative;}
.about-content{margin-top:45px}
.about-content .video-box{width:560px}
.about-content .video-box video{width:100%;height:auto;vertical-align:top}
.about-content .about-text{margin-left:40px;width:600px;min-height:300px}
.about-content .about-text h3{font-size:26px;color:#303957}
.about-content .about-text p{font-size:16px;color:#7b839c}
.about-box:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:220px;background-color:rgba(123,131,156,.1);z-index:-1}

.liucheng-box{padding-top:60px;background: -webkit-linear-gradient(#fff,#e5e5e5);background: -o-linear-gradient(#fff,#e5e5e5);background: -moz-linear-gradient(#fff,#e5e5e5);background: -mos-linear-gradient(#fff,#e5e5e5);background: linear-gradient(#fff,#e5e5e5)}
.step-list{margin-top:45px;border-top:5px solid #1d2088;background-color:#fff;box-shadow:0 3px 10px rgba(0,0,0,.1)}
.step-list .flex-row:not(:last-child){border-right:2px solid rgba(93,93,93,.2)}
.step-list .step-item{padding:65px 40px;text-align:center;font-size:18px;color:#1c2033}
.step-list .step-item h4{margin-top:50px}

.contact-box{position:relative;padding-top:120px;padding-bottom:120px}
.contact-box .contact-main{position:relative;width:530px;padding:50px;background-color:#fff;z-index:9}
.contact-box .contact-main h3{margin-bottom:40px;font-size:28px;color:#333}
.contact-box .contact-main p{position:relative;padding-left:25px;padding-bottom:20px;font-size:15px;color:#333;line-height:1.8}
.contact-box .contact-main p span{position:absolute;left:0;top:-3px;display:block;font-size:18px;color:#b1b1b1}
.contact-box .contact-main p:last-child{padding-bottom:0}
.contact-box .contact-main .contact-wechat{font-size:12px}
.contact-box .contact-main .contact-wechat img{max-width:120px}
.contact-box .map-box{position:absolute;width:100%;height:100%;left:0;top:0;bottom:0;z-index:1}

.custom-info{position:relative;padding:20px 20px 30px 60px;width:460px;font-size:16px;color:#fff;background-color:#1d2088;border-radius:6px}
.custom-info .icon{position:absolute;left:22px;top:20px;font-size:25px;}
.custom-info .info-top{margin-bottom:5px;font-size:24px}
.custom-info:after{content:"";position:absolute;display:block;top:-15px;left:210px;border-bottom:15px solid #1d2088;border-left:15px solid transparent;border-right:15px solid transparent;}

.pagelist{margin-top:40px;text-align:center}
.pagination{list-style-type:none}
.pagination li{display:inline-block}
.pagination li a{display:block;padding:3px 12px;font-size:16px;color:#666;border:#999 solid 1px;border-radius:5px}
.pagination li.active a,.pagination li a:hover{background-color:#1d2088;color:#fff;border-color:#1d2088}