/* css 重置 */
*{
    margin:0;
    padding:0;
    list-style:none;
}
body {
    padding:0;
    margin:0;
    background:#fff;
    overflow-x: hidden;
    font:normal 12px/22px 宋体;
}
body,html {
    height:100%
}
div,li,ul {
    padding:0;
    margin:0
}
img {
    vertical-align:top;
    border:0
}
li,ul {
    list-style:none;
    text-transform:capitalize
}
:after, :before {
    box-sizing: inherit
}
a {
    text-decoration: none;
    color:#333;
}
ul {
    list-style: none
}
/* 本例子css */
.slideBox{ width:100%; height:650px; overflow:hidden; position:relative; border:1px solid #ddd;  }
.slideBox .hd{ height:25px; overflow:hidden; position:absolute; right:45%; bottom:5px; z-index:1; }
.slideBox .hd ul{ overflow:hidden; zoom:1; float:left;  }
.slideBox .hd ul li{ float:left; margin-right:2px;  width:25px; height:25px; line-height:25px; text-align:center; background:#fff; cursor:pointer;border-radius: 50% }
.slideBox .hd ul li.on{ background:#f00; color:#fff; }
.slideBox .bd{ position:relative; height:100%; z-index:0;   }
.slideBox .bd li{ zoom:1; vertical-align:middle; }
.slideBox .bd img{ width:100%; height:650px; display:block;  }
/* 下面是前/后按钮代码，如果不需要删除即可 */
.slideBox .prev,
.slideBox .next{ position:absolute; left:3%; top:50%; margin-top:-25px; display:block; width:32px; height:40px; background:url(../images/slider-arrow.png) -110px 5px no-repeat; filter:alpha(opacity=50);opacity:0.5;   }
.slideBox .next{ left:auto; right:3%; background-position:8px 5px; }
.slideBox .prev:hover,
.slideBox .next:hover{ filter:alpha(opacity=100);opacity:1;  }
.slideBox .prevStop{ display:none;  }
.slideBox .nextStop{ display:none;  }
.overflow-hide {
    overflow: hidden
}
#banner {
    margin-bottom:-10px
}
#carousel {
    position:relative;
    z-index:2;
    transform-style:preserve-3d;
    perspective:800px
}
#carousel img {
    position:absolute;
    left:50%;
    top:50%;
    margin-left:-252px;
    transition:transform .5s ease-in-out;
    box-shadow:8px 8px 20px rgba(0,0,0,.2);
    cursor:pointer
}
#bannerNav {
    position:relative;
    height:10px;
    text-align:center
}
#bannerNav ul li {
    cursor:pointer;
    overflow:hidden;
    display:inline-block;
    width:22px;
    margin:0 2px
}
#bannerNav ul li a {
    margin:0 auto;
    display:block;
    width:6px;
    height:6px;
    vertical-align:top;
    border-radius:3px;
    background:#5e6671;
    font-size:0;padding-bottom: 0px;
}
#bannerNav ul li.on a,#bannerNav ul li:hover a {
    background:#002fa7;border-bottom: none;padding-bottom: 0px;
}
#bannerNav ul li.on a {
    width:20px
}
#carousel {
    height:400px;margin-top: -60px;
}
#carousel img {
    width:500px;
    border-radius: 10px;
    opacity: 0;
}
}
*{padding: 0;margin: 0}.container{width: 1200px;margin: 0 auto}
.w1200{width:1200px;margin: 0 auto}
.w1200{width:1200px;margin: 0 auto}
.twoduan{display: flex;justify-content: center}
.top{height: 90px;line-height: 25px;margin: 40px auto 40px}
.service_left{
    font-size: 17px;color: #2A499C;
}
.search_right{
    position: relative;
}
.logo{text-align: center;}
.search_right a{
    position: absolute;
    top: 3px;
    right: 8px;
    display: inline-block;
    width: 23px;
    height: 23px;
    background: url(../images/search.png) no-repeat left bottom;
    background-size: contain;}
.input_button{width: 50px;height: 16px;border: 1px solid #ccc;padding: 2px 25px;border-radius: 5px;margin-right: 40px}
/*导航*/
header .nav{height: 42px;font-size: 18px;font-weight: bolder;line-height: 42px}
header .nav ul {display: flex;justify-content:center;list-style: none;width: 100%;margin: 20px auto 0px;padding: 0px}
header .nav ul li{position: relative;margin-right: 80px}
header .nav ul li span{display: block;color:#6f6f6f;font-family:microsoft yahei!important;font-size: 11px;height: 12px;line-height: 12px;font-weight: normal}
header .nav ul li a{display:block;height:25px;text-decoration: none;color: #333;font-size: 19px;line-height: 19px;font-weight: bold;font-family:microsoft yahei!important;}
header .nav ul li a:hover{color: #2A499C;border-bottom: 0px solid #002fa7;padding-bottom: 0px}
header .nav ul li:hover span{opacity: 1}
headerInner .gnb{overflow:hidden;margin:0 auto;width:1200px;box-sizing:content-box;-webkit-box-sizing:content-box;display: flex;justify-content: center} /* 140617 width 수정 */
.headerInner .gnb li{float:left;margin:0 27px; text-align: left; padding: 0 15px;} /* 140617 margin-right 수정 */
.headerInner .gnb li.lineEnd{margin-right:0;}
.headerInner .gnb li a{display:block; font-size: 19px; font-weight: bold;color: #000;font-family:microsoft yahei!important;}
.headerInner .gnb li a:hover{color:#04348e}
.headerInner .gnb span{margin:1px 0 0 0;font-size:11px;}
.headerInner .gnb_eng{overflow:hidden;margin:0 auto;width:325px;padding:34px 0 0 0;}
.headerInner .gnb_eng li{float:left;margin-right:70px;}
.headerInner .gnb_eng li.lineEnd{margin-right:0;}
.gnb_layer{background:url(../images/bg_2depth.gif) left top repeat-x;height:228px;z-index:999;position:absolute;top:212px;width:100%;display:none;letter-spacing:0px;z-index: 999}
.gnb_layerInner{width:860px;margin:0 auto;padding:17px 0 0 123px;box-sizing:content-box;-webkit-box-sizing:content-box;display: flex;justify-content: space-between}
.gnb_layer ul{width: 150px;
    float: left;}
.gnb_layer ul.mar_r_11{margin-right:11px;}
.gnb_layer ul.mar_r_74{margin-right:74px;}
.gnb_layer ul.mar_r_70{margin-right:70px;}
.gnb_layer ul.lineEnd{margin-right:0;}
.gnb_layer ul li{margin-bottom:8px;text-align:left;display: block}
.gnb_layer ul li a{color:#808080;font-size:13px;border-bottom: 0px;padding: 0;font-family: "microsoft yahei", arial, helvetica, 'sans-serif'}
.gnb_layer ul li a.title{color:#aaa;font-size:16px;font-weight: bold}
.gnb_layer ul li a:hover{color:#fff;text-decoration:none;padding:0px;}
.gnb_layer .g_menu li{line-height: 24px}
.gnb_layer .g_menu li a:hover{color:#fff;text-decoration:none;padding:0px;}
.banner{clear:both;width: 100%;height: auto;padding: 0;margin:0px 0 0 0;text-align: center;
}
.banner img{margin: 0;padding: 0;width: 100%}
.zskj_bor{margin: 0px auto 0}
a:hover,.con-inner ul li a.cur{border-bottom: 2px solid #002fa7;color: #002fa7;padding-bottom: 12px}
.zskj_bor  .title,.custom .title,.zhenailiwu .title{
    display: block;
    text-align: center;
    width:100%;
    overflow: hidden;
    font-family: Arial,"宋体";
    color: #000;
    font-size: 30px;
    margin: 0px auto 0px;font-weight: bolder;
    padding-top: 80px;padding-bottom: 80px;
}
.liucheng .title{
    display: block;
    text-align: center;
    width:100%;
    overflow: hidden;
    font-family: Arial,"宋体";
    color: #000;
    font-size: 30px;
    margin: 0px auto 0px;font-weight: bolder;
    padding-top: 80px;
    padding-bottom: 80px;
}
.zskj_bor .desc{ text-align: center;font-size: 18px;margin-top: 30px;
}
.prolist{
    display: block;
    justify-content: space-between;
    flex-wrap: nowrap;
    height: 720px;
    width: 100%;
}
.prolist .proleft,.prolist .proright{width: 50%;}
.prolist .proleft{
    background: url("../images/proleft.jpg");
    width: 580px;height: 720px;
    position: relative;
    float: left;
}
.prolist .proright{
    width: 600px;
    float: right;
    height: 720px;
}
.prolist .proleft .covers{
    background:rgba(0,0,0,.5);position:absolute;opacity:1;width:100%; height:50px; left:0px; bottom:0px;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;transition:all .3s ease;
}
.prolist .proleft .covers .text{position:absolute; display:block; left:30%;bottom:4px;width: 220px;height: 40px;color: #fff;text-align: center}
.prolist .proleft .covers .text .title{position:absolute;bottom:-74px;font-size: 25px;color: #fff;line-height: 25px;font-weight: normal}
.prolist .proleft .covers .text .desc{font-size: 18px;}
.prolist .proleft .covers .text .more{font-size: 14px;border-bottom: 1px solid #ccc;border-top: 1px solid #ccc;width: 50px;margin: 0px auto;padding: 5px}
.prolist .proleft:hover .covers{opacity: 0}
.prolist .proleft .coverss{
    background:rgba(15,57,135,.8);position:absolute;opacity:0;width:100%; height:100%; left:0px; top:0px;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;transition:all .3s ease;
}
.prolist .proleft .coverss .text{position:absolute; display:block; left:30%;top:30%;width: 220px;height: 121px;color: #fff;text-align: center}
.prolist .proleft .coverss .text .title{font-size: 30px;font-weight: bolder;color: #fff;line-height: 30px}
.prolist .proleft .coverss .text .desc{font-size: 18px;}
.prolist .proleft .coverss .text .more{font-size: 14px;border-bottom: 1px solid #ccc;border-top: 1px solid #ccc;width: 50px;margin: 0px auto;padding: 5px}
.prolist .proleft:hover .coverss{opacity: 1}
.prolist .proright .covers{
    background:rgba(0,0,0,.5);position:absolute;opacity:1;width:100%; height:50px; left:0px; bottom:0px;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;transition:all .3s ease;
}
.prolist .proright .covers .text{position:absolute; display:block; left:30%;bottom:13px;width: 220px;height:50px;color: #fff;text-align: center}
.prolist .proright .covers .text .title{position:absolute;top:-109%;font-size: 25px;color: #fff;line-height: 25px;font-weight: normal}
.prolist .proright .covers .text .desc{font-size: 18px;}
.prolist .proright .covers .text .more{font-size: 14px;border-bottom: 1px solid #ccc;border-top: 1px solid #ccc;width: 50px;margin: 0px auto;padding: 5px}
.prolist .proright .coverss{
    background:rgba(15,57,135,.8);position:absolute;opacity:0;width:100%; height:100%; left:0px; top:0px;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;transition:all .3s ease;
}
.prolist .proright .coverss .text{position:absolute; display:block; left:30%;top:0%;width: 220px;height: 121px;color: #fff;text-align: center}
.prolist .proright .coverss .text .title{font-size: 30px;font-weight: bolder;color: #fff;line-height: 30px}
.prolist .proright .coverss .text .desc{font-size: 18px;}
.prolist .proright .coverss .text .more{font-size: 14px;border-bottom: 1px solid #ccc;border-top: 1px solid #ccc;width: 50px;margin: 0px auto;padding: 5px}
.prolist .proright li:hover .coverss{opacity: 1}
.prolist .proright li:hover .covers{opacity: 0}
.proright ul{
    display: flex;
    flex-wrap: wrap;
    align-items:center;
    justify-content: center;
}
.proright ul li {
    width: 100%;height: 350px;list-style: none;position: relative;
}
.proright ul li:nth-child(1){background: url("../images/proright001.jpg")}
.proright ul li:nth-child(2){background: url("../images/proright002.jpg");margin-top: 18px}
.ad001{height:500px;margin: 120px  auto 0px;text-align: center}
.custom{}
.zhenailiwu{width: 100%;margin: 0px auto 0px}
.con-inner,.cont{width: 100%;}
.cont{border-bottom: 1px solid #ccc}
.con-inner ul{display: flex;flex-wrap: nowrap;justify-content:space-around;width: 1200px;margin: 0 auto}
.con-inner ul li {margin: 05px;height: 40px;font-size: 18px}
.con-inner ul li a.cur{position: relative}
.tab-content-wrap{
    margin: 50px auto 0px;height: 420px;overflow: hidden;
}
.tab-content-wrap h3{text-align: center}
.col-sm-4 {
    width: 24.5%;
    position: relative
}
.tab-content-wrap  .tab-content .tab-card p {text-align: center;padding: 0;margin: 0 auto;line-height: 1.8;font-size: 14px;width: 220px}
.detail a{display: block;padding:5px 10px;width:120px;text-align:center;margin: 20px auto 20px;position: relative;border-radius: 3px;border: 1px solid #0a53be;color: #0024a9}
/*.detail a:before{ position: absolute;*/
/*    bottom: -13px;*/
/*    left: 0;*/
/*    width: 100%;*/
/*    height: 3px;*/
/*    background: #666;}*/
.detail>.cur,.detail a:hover{}
.tab-content-wrap  .tab-content .tab-card p .detail a{display: block;width: 80px;height: 20px;color: white}
.tab-content {display: flex;justify-content: space-between;flex-wrap: wrap;margin-bottom: 30px}
.btn{
    height: 50px;text-align: center;background: #331dc1;color: white;padding: 10px 15px;border-radius: 3px;
}
.btn:hover{border: none;color: #fff;padding: 10px 15px;background: #4d3bbd}
.liucheng{clear:both;background: url("../images/whitebg.jpg") center center;}
.liucheng .flex{display: flex;flex-wrap: wrap;justify-content: center;max-width: 1200px;margin: 0 auto}
.liucheng .content{width: 17.8%;background: white;border: 1px solid #ccc;padding: 38px;position: relative}
.liucheng .content .ico img{width: 60px;height: 60px;margin-bottom: 30px}
.liucheng .content .sjtitle{font-size: 1.17rem;font-weight: bolder;margin-bottom: 15px}
.liucheng .content .desc{font-size: 16px;line-height: 24px;text-align: justify;height: 166px;color: #666}
.liucheng .content .desc p{margin: 0;padding: 0}
.liucheng .content .zhouqi{width: 108px;background: #331dc1;color: white;padding: 5px 15px;border-radius: 3px;margin: 40px auto 0px;text-align: center;font-size: 15px}
.flex{display: flex;flex-wrap: wrap;justify-content: center}
.news{
    clear: both;
    padding: 0px 0 0px;
}
.newss{
    clear: both;
    padding: 0px;
}
.news  .titles,.newss  .titles{
    font-size: 30px;text-align: center;margin-bottom: 60px;font-weight: bolder;margin-top: 0px;padding-top: 80px;
}
.news .contents  {display: flex;justify-content: space-between;flex-wrap:wrap;line-height: 24px}
.newss .contents  {display: flex;justify-content: space-between;flex-wrap:wrap;line-height: 24px}
.news .contents .content{width: 50%;display: flex;align-items: center}
.newss .contentss .contentt{width: 30%;padding: 20px}
.newss .contentss .contentt .title{font-size: 20px;font-weight: bolder;margin: 30px auto;color: #333}
.newss .contentss .contentt .desc{color: #666;margin-bottom: 25px;font-size: 14px;line-height: 24px}
.newss .contentss .contentt .date{}
.newss .contentss .contentt .pic img{width:100%;height: auto}
.news .contents .content .title{font-size: 1.17rem;font-weight: bolder;color: #333}
.news .contents .content .part{width: 50%;position: relative;padding: 10px}
.news .contents .content .part .desc{text-align: justify;display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 5;
    overflow: hidden;margin-top: 16px;font-size: 14px;line-height: 24px;color: #666}
.news .contents .content .part img{height: 200px;width: 300px}
.news .contents .content .part .date{margin-top: 24px}
.center{text-align: center}
.news-more{
    clear: both;display: inline-block;color: #888;
    border-bottom: 1px solid #ccc;text-align: center;padding-bottom: 10px;margin-top: 50px;
}
.fa-long-arrow-right:before {
    margin-left: 10px;
    float: right;
}
.footer{background: #002fa7;display: flex;justify-content: center;align-items: center;color: #fff;height: 95px;font-family: 宋体}
.footer .left-con{width: 40%;
    display: flex;flex-wrap: nowrap}
.footer .left-con .part{width: 20%}
.footer .left-con .part dl dt{}
.footer .left-con .part dl dd{color: #999;margin: 0;line-height: 24px;padding: 5px 0px}
.footer .left-con .part .line{height: 1px;width: 40px;background: #fff;margin-top: 20px}
.footer .left-con .part .title{
    height: 20px;font-size: 20px;position: relative;color: #fff;font-weight: bolder;position: relative;
}
.footer>.left .title::before{
    border-bottom: 3px solid #fff;position: absolute;height: 10px;width: 50px;bottom: 0px;
}
.footer .right-con{width: 40%;
    display: flex;justify-content: space-around;align-items: center}
.footer .right-con a{font-size: 17px;color: #fff}
.footer .right-con .pic img{width:130px;height: auto}
.footer .right-con .pic p{
    text-align: center;
}
.footer .share{
    font-size: 0;
    text-align: left;width: 100%;display: flex;justify-content: space-around;align-items: center;
}
.footer .item{
    display: inline-block;
    *display: inline;
    zoom: 1;
    margin-right: 10px;
    position: relative;
}
.footer .item .icon{
    display: block;
    width: 100%;
    position: relative;border: none;
}
.footer .item .icon img{
    display: block;
    width: 100%;
    transition: all .3s;
}
.footer .item .icon .hover{
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
}
.footer .item .img-box{
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: calc(100% + 10px);
    visibility: hidden;
    opacity: 0;
    transition: all .3s;
}
.footer .item .img{
    width: 120px;
    padding: 8px;
    background-color: #fff;
    border-radius: 8px;
    overflow: hidden;
    box-shadow:  0 0 10px rgba(0,0,0,.1);
}
.footer .item .img img{
    width: 100%;
}
.footer .item .img-box:before{
    content: "";
    position: absolute;
    left: 50%;
    margin-left: -4px;
    bottom: -10px;
    width: 0;
    height: 0;
    border: 5px solid transparent;
    border-top-color: #fff;
}
.footer .item:hover .hover{
    opacity: 1;
}
.footer .item:hover .init{
    opacity: 0;
}
.footer .item:hover .img-box{
    visibility: visible;
    opacity: 1;
}
.footer .left-con{display: flex;flex-wrap: nowrap;justify-content: space-between;align-items: center}
.footer a:hover{clear: both;color: #fff;border-bottom: 0;padding-bottom: 0}
.footer .text{font-size: 17px;color: #cad4ed;width: 100%}
.line{width: 1px;line-height:97px;height:35px;background: #5f7bc2;margin: 0 76px}
.beian{width:100%;border-top: 1px solid #5f7bc2;background: #012FA7;line-height: 55px;color: #cad4ed;padding-top: 20px}
.beian .title{font-size: 36px;margin: 24px auto;}
.beian p{font-size:18px;line-height: 30px;height:30px;font-family: 宋体}
.beian p span{margin-left: 10px;color: #cad4ed}
.beian .desc{line-height: 24px;font-size: 16px;height: 45px}
.pagination{width: 1000px;margin: 25px auto;text-align: center}
.pagination ul, li {
    list-style: none;
    display: inline;
    margin: 0px 5px 0 0;
}
.pagination li:hover a {
    color: #fdfdfd;
    background-color: #1d1f20;
    border: solid 1px #1d1f20;
}
.pagination li.active a {
    color: #fdfdfd;
    background-color: #1d1f20;
    border: solid 1px #1d1f20;
}
.pagination li a {
    border: solid 1px #d6d6d6;
    border-radius: 0.2rem;
    color: #7d7d7d;
    text-decoration: none;
    text-transform: uppercase;
    display: inline-block;
    text-align: center;
    padding: 0.5rem 0.9rem;
}
.breadcrumb{height: 35px;line-height: 35px;margin: 30px auto}
.breadcrumb  span{
   margin:5px 10px;font-size: 14px;font-weight: bolder;
}
.about{    box-shadow: 0 7px 18px 0 rgb(31 31 31 / 7%);
    padding: 60px 60px 85px;max-width: 1430px;margin: 0 auto 50px;}
.about-img-box {
    position: relative;
    padding-right: 38px;
    padding-bottom: 88px
}
.about-img-box .big-img {
    position: relative
}
.about-img-box .big-img::before {
    position: absolute;
    content: "";
    top: 3%;
    left: 3%;
    width: 94%;
    height: 94%;
    background-color: transparent;
    border: 1px solid rgba(216, 216, 216, 0.5)
}
.about-img-box .big-img img {
    -webkit-box-shadow: 1px 6px 21px 13px rgba(190, 221, 230, 0.47);
    box-shadow: 1px 6px 21px 13px rgba(190, 221, 230, 0.47);
    border-radius: 12px;
    z-index: 1
}
.about-img-box .small-img {
    position: absolute;
    right: 0;
    bottom: 0;
    max-width: 48%
}
.about-img-box .small-img img {
    border: 8px solid var(--white-color);
    z-index: 2
}
.about-img-box .image-shape {
    position: absolute;
    left: -6px;
    bottom: 23px;
    z-index: -3;
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg)
}
.about-img-box .big-img .experience {
    position: absolute;
    width: 140px;
    height: 140px;
    padding: 20px;
    border-radius: 50%;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    left: -71px;
    background: rgba(40, 152, 184, 0.89);
    border: 2px solid var(--white-color)
}
.about-img-box .big-img .experience h4 {
    font-size: 34px
}
.about-img-box .big-img .experience h6 {
    font-weight: 500
}
.about-content h3 {
    font-size: 40px;
    font-weight: bold;
    margin-bottom: 24px
}
.about-content h3 span {
    color: var(--primary-color)
}
@media (max-width: 960px) {
    .container{
        width: calc(100% - 30px);
        padding: 0 15px;
    }
    /*header*/
    .top{
        margin:15px auto;
    }
    /*header end*/
}
.xialaph,.menu{display: none;}
.pc{
    display: block;
}
.wap{
    display: none;
}