body{font-family:Helvetica Neue,Helvetica,PingFang SC,Tahoma,Arial,sans-serif;font-size:14px;color:#000;background:#f7f7f7}
a{color:#000;text-decoration:none}
.container{width:1200px;margin:0 auto}
.header{height:60px;line-height:60px;background:#fff}
.header .logo{float:left;padding:0 30px}
.header .logo img{width:127px;height:31px}
.header .slogan{float:left;border-left:1px solid #072a66;margin-top:15px;padding-left:20px;color:#072a66;font-size:15px;font-weight:700;height:31px;line-height:31px}
.header .search{float:right;height:50px;position:relative; margin-top:2px;}
.header .telephone{float:right;color:#072a66;font-size:12px;font-weight:700}
.header .search .searchForm{position:relative;border-radius:50px;display:inline-block;width:220px;height:25px;margin-top:15px;margin-right:20px;border:1px solid #072a66;overflow:hidden}
.header .search .searchForm .skwd{float:left;outline:0;border:unset;background:unset;height:25px;padding:0 10px;font-size:12px}
.header .search .searchForm .sbtn{float:right;border:unset;background:unset;position:absolute;right:5px;height:25px;padding:0 10px;color:#000;font-size:12px;font-weight:700;cursor:pointer}
.header .search .hotKeyword{position:absolute;background:#fff;top:50px;width:202px;z-index:1989816;border-radius:0 0 10px 10px;padding:5px 10px;display:none}
.header .search .hotKeyword .title{font-size:12px;color:#666;line-height:12px;margin-top:5px;}
.header .search .hotKeyword li{float:left;font-size:10px;color:#666;line-height:20px;margin-top:5px;margin-right:10px}
.header .search .hotKeyword li:last-child{margin-right:0}
.header .search .hotKeyword li a{padding:3px 5px;background:#dcdcdc}
.header .search .hotKeyword li a:hover{background:#eb3b3b;color:#fff}
.navigation{height:45px;line-height:45px;background:linear-gradient(to right,#0f2346,#5980c5,#0f2346);}
.navigation .vertical{position:absolute;width:190px}
.navigation .vertical .h2{background:#8791a3;color:#fff;font-size:14px;font-weight:600;text-align:center}
.navigation .vertical .h2 img{position:relative;top:-2px}
.navigation .vertical h3{padding-top:9px;padding-bottom:0px;color:#072a66;font-size:13px;font-weight:600;line-height:16px;}
.navigation .vertical h3 a::before {content: "@";
    width: 7px;
    height: 10px;
    display: inline-block;
    overflow: hidden;
    position: relative;
    top: -1px;
    margin-right: 6px;}

.navigation .vertical h3 a{color:#072a66;font-size:13px;font-weight:600;line-height:16px}
.navigation .vertical h3 a:hover{color:#072a66}
.navigation .vertical .lists{padding:5px 10px;background:rgb(255,255,255,.95);height:390px;overflow:hidden;display:block;z-index:1989816;position:absolute}
.navigation .vertical .lists ul{padding-top:1px; padding-left:1px;display:block;overflow:hidden}
.navigation .vertical .lists li{float:left;width:50px;font-size:10px;line-height:15px}
.navigation .vertical .lists li1{float:left;width:50px;font-size:10px;line-height:20px}
.navigation .vertical .lists lihk1{float:left;width:35px;font-size:10px;line-height:20px}
.navigation .vertical .lists lihk2{float:left;width:35px;font-size:10px;line-height:20px}
.navigation .vertical .lists lihk3{float:left;width:35px;font-size:10px;line-height:20px}
.navigation .vertical .lists lilang{float:left;width:33px;font-size:10px;line-height:15px}
.navigation .vertical .lists li:nth-child(1){float:left;width:28px;font-size:10px;line-height:20px}
.navigation .vertical .lists li:nth-child(2){float:left;width:28px;font-size:10px;line-height:20px}
.navigation .vertical .lists li:nth-child(3){float:left;width:28px;font-size:10px;line-height:20px}
.navigation .vertical .lists li:nth-child(4){float:left;width:28px;font-size:10px;line-height:20px}
.navigation .vertical .lists li:nth-child(5){float:left;width:28px;font-size:10px;line-height:20px}
.navigation .vertical .lists li:nth-child(6){float:left;width:28px;font-size:10px;line-height:20px}
.navigation .vertical .lists li a{font-size:10px;color:#666}
.navigation .vertical .lists li a:hover{color:#38467f}
.navigation .vertical .lists:hover{box-shadow: 0 0 5px rgba(0,0,0,.1), 0 0 5px rgba(0,0,0,.1)}
.navigation .standard{margin-left:190px}
.navigation .standard li{float:left}
.navigation .standard li a{padding:0 11px;color:#fff;font-size:14px}
.navigation .standard li a:hover{color:#f4a130}
.banner{height:300px;background:#0f2346}
.banner a{
    display: block;
    overflow: hidden;
    width: 100%;
    height: 100%;
}
.new_iffer{overflow:hidden;display:block}
.new_iffer .iffer{float:right;margin-top:20px;width:1000px;height:80px;background:#fff;border-radius:10px;overflow:hidden}
.new_iffer .iffer .title{float:left;font-size:20px;font-weight:700;width:60px;text-align:center;color:#000;padding:12px}
.new_iffer .iffer .lists{float:left;margin:15px 0;padding-left:10px;width:845px;height:50px;border-left:2px solid #000844;display:block;overflow:hidden;}
.new_iffer .iffer .lists li{float:left;width:415px;transition:all .5s; }
.new_iffer .iffer .lists i{position:relative;top:-8px;width:15px;height:15px;background-image:url(../images/lihua.png) no-repeat center center;;background-size:80%; display:inline-block;margin-right:5px}
.new_iffer .iffer .lists a{font-size:15px; color:#000844;line-height:26px;width:390px;overflow:hidden;display:inline-block;text-overflow:ellipsis;font-weight:500; white-space:nowrap}
.new_iffer .iffer .lists a:hover{color:#b90c3d}
.new_iffer .iffer .more{float:right;height:80px}
.new_iffer .iffer .more img{position:relative;top:28px}

.superiority{margin-top:50px;overflow:hidden;display:block}
.superiority .left{float:left;width:865px}
.superiority .left .title{line-height:20px;height:20px;border-left:5px solid #000844;padding-left:5px;font-size:20px;color:#000844;font-weight:700;width:865px}
.superiority .left ul{border-top:1px solid #b5b5b5;padding-top:30px;margin-top:10px}
.superiority .left li{float:left;width:258px;height:120px;margin-bottom:30px;border-radius:10px}
.superiority .left li:hover{box-shadow:0 0 5px rgba(0,0,0,.1),0 0 5px rgba(0,0,0,.1)}
.superiority .left li.gfzz{background-image:url(../images/gfzz.png)}
.superiority .left li.gwtd{background-image:url(../images/gwtd.png);margin:0 40px}
.superiority .left li.wjws{background-image:url(../images/wjws.png)}
.superiority .left li.bjts{background-image:url(../images/bjts.png)}
.superiority .left li.yykp{background-image:url(../images/yykp.png);margin:0 40px}
.superiority .left li.fwsj{background-image:url(../images/fwsj.png)}
.superiority .left a{padding:30px 15px;font-size:20px;font-weight:700;color:#000844;display:block;width:100%;height:100%;line-height:30px}
.superiority .left a span{font-size:16px;font-weight:400;color:#333;display:block}
.superiority .left a p{font-size:20px;font-weight:700;color:#b90c3d;display:block}
.superiority .right{float:right;padding-top:35px}
.superiority .right .pic{background:url(../images/youshi_r_bg.jpg);width:295px;height:295px;position:relative}
.superiority .right .pic a{border:1px solid #fff;background:#b90c3d;border-radius:50px;padding:3px 25px;position:absolute;bottom:12px;color:#fff;left:85px;font-size:18px;transition:all .5s}
.superiority .right .pic a:hover{border:1px solid #f3b034;background:#f3b034;transform:translateY(0)}

.powerful{margin-top:20px;overflow:hidden;display:block}
.powerful .left{float:left;width:753px}
.powerful .left .title{line-height:20px;height:20px;border-left:5px solid #000844;padding-left:5px;font-size:20px;color:#000844;font-weight:700}
.powerful .left ul{border-top:1px solid #b5b5b5;padding-top:30px;margin-top:10px}
.powerful .left li{float:left;width:224px;height:100px;background-size:cover;margin-bottom:30px;border-radius:10px}
.powerful .left li:hover{box-shadow:0 0 5px rgba(0,0,0,.1),0 0 5px rgba(0,0,0,.1)}
.powerful .left li.ygbk{background-image:url(../images/ygbk.jpg)}
.powerful .left li.ygss{background-image:url(../images/ygss.jpg);margin:0 40px}
.powerful .left li.ygbs{background-image:url(../images/ygbs.jpg)}
.powerful .left li.gklx{background-image:url(../images/gklx.jpg)}
.powerful .left li.xgss{background-image:url(../images/xgss.jpg);margin:0 40px}
.powerful .left li.kylx{background-image:url(../images/kylx.jpg)}
.powerful .left li.usalx{background-image:url(../images/usalx.jpg)}
.powerful .left a{padding:30px 15px;font-size:20px;color:#000844;display:block;width:100%;height:100%;line-height:30px}
.powerful .left a span{font-size:16px;color:#333;display:block}
.powerful .right{float:right;width:400px}
.powerful .right .title{line-height:20px;height:20px;border-left:5px solid #000844;padding-left:5px;font-size:20px;color:#000844;font-weight:700}
.powerful .right .lists{border-top:1px solid #b5b5b5;padding-top:30px;margin-top:10px}
.powerful .right ul{width:400px;height:230px;background-image:url(../images/lxbkxx.png)}
.powerful .right li{padding-top:25px;float:left;width:133px;text-align:center}
.powerful .right a{padding:30px 0;font-size:20px;color:#000844;line-height:40px}
.powerful .right a span{font-size:16px;color:#333;display:block}
.powerful .right a:hover span{color:#38467f}
.powerful .right li img{height:32px}

.streamer{margin:30px auto;overflow:hidden;display:block}

.case{margin-top:40px;overflow:hidden;display:block}
.case .title{line-height:20px;height:20px;border-left:5px solid #000844;padding-left:5px;font-size:20px;color:#000844;font-weight:700}
.case .title span a{float:right;font-size:16px;color:#999}
.case ul{border-top:1px solid #b5b5b5;padding-top:30px;margin-top:20px}
.case li{float:left;width:219px;height:270px;margin:10px 20px 30px 0;background:#FFF;border-radius:13px; /* border:2px solid #b5b5b5; */; position:relative;    overflow: hidden;
    display: block; }
.case li:hover{box-shadow:0 0 5px rgba(0,0,0,.1),0 0 5px rgba(0,0,0,.1);box-shadow: 0 0 15px #ABB2CE}
.case li:nth-child(10),.case li:nth-child(5){margin-right:0}
.case li .pic{width:225px;height:85px;display:block;float:left;overflow:hidden;border:0;border-radius:0;display:flex;align-items:center;border-radius:10px 10px 0 0}
.case li .pic img{width:100%;  opacity:100%; align-items:center;}
.case li a{line-height:25px}
.case li a span{color:#333;font-size:15px;font-weight:700;padding:10px 15px 0;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3}
.case li:hover a span{color:#38467f}
.case li a p{color:#666;font-size:14px;padding:10px 15px 0;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}
.case .corner{position: absolute;    right: 0;    bottom: 0;}
.case .corner img{border-radius: 0 0 10px;}

.counselor{margin-top:20px;overflow:hidden;display:block}
.counselor .left{float:left;width:820px}
.counselor .left .title{line-height:20px;height:20px;border-left:5px solid #000844;padding-left:5px;font-size:20px;color:#000844;font-weight:700}
.counselor .left .title span a{float:right;font-size:16px;color:#999}
.counselor .left ul{border-top:1px solid #b5b5b5;padding-top:30px;margin-top:10px}
.counselor .left li{float:left;width:260px;height:220px;margin:0 20px 20px 0;background-image:url(../images/open_bg.png);border-radius:10px}
.counselor .left li:hover{box-shadow:0 0 5px rgba(0,0,0,.1),0 0 5px rgba(0,0,0,.1)}
.counselor .left li:nth-child(3),.counselor li:nth-child(6){margin-right:0}
.counselor .left li .pic{width:260px;height:138px;display:block;float:left;overflow:hidden;border:0;border-radius:0;display:flex;align-items:center;border-radius:10px 10px 0 0}
.counselor .left li img{width:100%}
.counselor .left li a{color:#333;font-size:14px}
.counselor .left li a span{padding:15px;height:30px;line-height:25px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}
.counselor .left li:hover a{color:#38467f}
.counselor .right{float:right;padding-top:60px;width:335px}
.counselor .right a{width:335px;height:460px;display:flex;overflow:hidden;border-radius: 5px}
.counselor .right img{width:100%;border-radius:5px}
.counselor .right a:hover {box-shadow:0 0 5px rgba(0,0,0,.1),0 0 5px rgba(0,0,0,.1)}

.teams{margin-top:50px;overflow:hidden;display:block}
.teams .title{line-height:20px;height:20px;border-left:5px solid #000844;padding-left:5px;font-size:20px;color:#000844;font-weight:700}
.teams .title span a{float:right;font-size:16px;color:#999}
.teams ul{border-top:1px solid #b5b5b5;padding-top:15px;padding-bottom:5px;margin-top:10px}
.teams li{float:left;width:580px;height:120px;margin:20px 40px 15px 0;background-image:url(../images/teams_bg.png);border-radius:10px}
.teams li:hover{box-shadow:0 0 5px rgba(0,0,0,.1),0 0 5px rgba(0,0,0,.1)}
.teams li:nth-child(2),.teams li:nth-child(4),.teams li:nth-child(6){margin-right:0}
.teams li .pic{float:left;width:205px;height:120px;display:block;overflow:hidden;border:0;border-radius:0;display:flex;align-items:center;border-radius:10px 0 0 10px}
.teams li img{width:100%}
.teams li .text{float:right;width:375px}
.teams li a{line-height:25px}
.teams li a span{color:#333;font-size:16px;font-weight:700;padding:25px 15px 0;display:block}
.teams li:hover a span{color:#38467f}
.teams li a p{color:#333;font-size:14px;padding:0 15px;height:30px;display:block}
.teams li a p.more{color:#000844;font-size:12px;padding:0 15px;display:block}
.information{margin-top:30px;overflow:hidden;display:block}
.information .title{line-height:20px;height:20px;border-left:5px solid #000844;padding-left:5px;font-size:20px;color:#000844;font-weight:700}
.information .title span a{float:right;font-size:16px;color:#999}
.information .column{border-top:1px solid #b5b5b5;padding-top:20px;margin-top:10px}
.information .column .box:nth-child(5){ margin: 10px 30px;}
.information .column .title2{padding-bottom:10px;margin:0 auto 10px;font-size:16px;font-weight:bold;color:#333;border-bottom:2px solid #b5b5b5}
.information .column .title2 span a{float:right;font-size:14px;color:#999}
.information .column .box{margin:10px auto;padding:15px 20px;float:left;width:340px;height:350px;background:#fff;border-radius:10px}
.information .column .box:hover{box-shadow:0 0 5px rgba(0,0,0,.1),0 0 5px rgba(0,0,0,.1)}
.information .column .box:nth-child(2){margin:10px 30px}
.information .column .box li{line-height:31px;padding-left:1.5em;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}
.information .column .box li:nth-child(1),.information .column .box li:nth-child(2),.information .column .box li:nth-child(3){list-style-type:none;background:url(../images/new.png) no-repeat 0 .5rem;padding-left:1.7em}
.information .column .box li a:hover{color:#38467f}
.flow{margin-top:20px;overflow:hidden;display:block}
.flow .title{line-height:20px;height:20px;border-left:5px solid #000844;padding-left:5px;font-size:20px;color:#000844;font-weight:700}
.flow .title span a{float:right;font-size:16px;color:#999}
.flow .chart{border-top:1px solid #b5b5b5;padding-top:60px;margin-top:10px;height:430px;background-image:url(../images/fwlc_bg.png);background-repeat:no-repeat;background-position:center}
.flow .chart .firstLine{margin:0 auto;width:876px;height:83px;display:block;overflow:hidden}
.flow .chart .firstLine li{float:left;width:223px;height:83px;color:#333;font-size:14px;text-align:center;cursor:default}
.flow .chart .firstLine li:nth-child(1){line-height:83px}
.flow .chart .firstLine li:nth-child(2){line-height:30px;padding-top:12px;margin-left:107px}
.flow .chart .firstLine li:nth-child(3){line-height:30px;padding-top:12px;margin-left:100px}
.flow .chart .ellipse{height:205px;display:block;overflow:hidden}
.flow .chart .ellipse li{float:left;border-radius:50%;border:10px solid #9497af;width:70px;height:70px;font-size:16px;color:#333;position:relative;top:58px;transition:all .5s}
.flow .chart .ellipse li:nth-child(1){left:65px}
.flow .chart .ellipse li:nth-child(2){left:135px}
.flow .chart .ellipse li:nth-child(3){left:212px}
.flow .chart .ellipse li:nth-child(4){left:288px}
.flow .chart .ellipse li:nth-child(5){left:361px}
.flow .chart .ellipse li:nth-child(6){left:433px}
.flow .chart .ellipse li:nth-child(7){left:505px}
.flow .chart .ellipse li:hover{border:10px solid #313868;transform:translateY(0)}
.flow .chart .ellipse li a{width:40px;display:block;margin:0 auto;text-align:center;margin-top:12px;cursor:default}
.flow .chart .ellipse li:hover a{color:#333}
.flow .chart .lastColumn{margin:0 auto;height:83px;display:block;overflow:hidden}
.flow .chart .lastColumn li{float:left;width:223px;height:83px;color:#333;font-size:14px;text-align:center;cursor:default}
.flow .chart .lastColumn li:nth-child(1){line-height:30px;padding-top:12px}
.flow .chart .lastColumn li:nth-child(2){line-height:30px;padding-top:12px;margin-left:105px}
.flow .chart .lastColumn li:nth-child(3){line-height:30px;padding-top:12px;margin-left:100px}
.flow .chart .lastColumn li:nth-child(4){line-height:30px;padding-top:12px;margin-left:103px}
.choose{margin:20px 0 60px;overflow:hidden;display:block}
.choose .title{line-height:30px;height:30px;font-size:24px;color:#000844;font-weight:700;border-bottom:1px solid #b5b5b5;padding-bottom:15px;text-align:center}
.choose .column li{float:left;margin:30px 20px;width:175px;background:#fff;border-radius:30px;cursor:default;padding:36px 16px;transition:all .5s}
.choose .column li:nth-child(1){margin-left:0}
.choose .column li:nth-child(5){margin-right:0}
.choose .column li img{margin:0 auto 5px;display:block}
.choose .column li:hover{box-shadow:0 0 5px rgba(0,0,0,.1),0 0 5px rgba(0,0,0,.1);transform:translateY(0)}
.choose .column li span{color:#000844;font-size:18px;font-weight:700;display:block;text-align:center;line-height:50px}
.choose .column li p{color:#333;font-size:14px;line-height:30px;text-align:justify;/*text-align-last:justify*/}
.footer{padding:30px;font-size:16px;line-height:30px;background:#353535;color:#fff}
.footer a{color:#fff}
.footer h3{font-size:18px;line-height:50px}
.footer li{float:left;margin-right:15px}
.footer .basic{display:block;overflow:hidden}
.footer .basic .left{float:left}
.footer .basic .telephone{float:right;font-size:36px;text-align:right;line-height:60px}
.footer .basic .telephone img{margin-top:-5px;margin-left:25px}
.footer .company{margin-top:0;display:block;overflow:hidden}
.footer .matrix{margin-top:20px;display:block;overflow:hidden}
.footer .matrix .feedback{float:left}
.footer .matrix .media{float:right;text-align:-webkit-center}
.footer .matrix .media img{display:block}
.footer .matrix .media span{font-size:14px;line-height:45px}
.footer .blogroll{margin-top:20px;display:block;overflow:hidden}
.footer .copyright{margin-top:30px;text-align:center;font-size:16px;color:#999;display:block;overflow:hidden}
.footer .copyright a{color:#999}
.footer .copyright a:hover{color:#aaa}
.fulibao{position:fixed;left:1%;bottom:5%;z-index:1989888}
.fulibao img{width:80%}

.rightbar{background-color:#fff;position:fixed;top:30%;right:1%;width:90px;z-index:5;-webkit-box-shadow:0 0 10px #e1e1e1;box-shadow:0 0 5px rgba(0,0,0,.3);border-radius:10px}
.rightbar p{align-self:center;color:#333;font-size:16px;text-align:center;width:100%}
.rightbar .box1{height:30px;color:#111;font-size:12px;padding:10px 6px;text-align:center;cursor:pointer;position:relative;border-radius:5px 5px 0px 0px; display:flex}
.rightbar .box1 i{font-size:18px;float:left;align-self:center;color:#545454}
.rightbar .box1:hover{background:linear-gradient(to right,#242f4f,#1e263cbf)}
.rightbar .box1:hover>*{color:#fff}
.rightbar .box1 .fix{position:absolute;right:95px;top:0;transition:1.2s;opacity:0;pointer-events:none;box-shadow:0 0 5px rgba(0,0,0,.5)}
.rightbar .box1:hover .fix{opacity:1}
.rightbar .box1 .fix img{border:1px;width:240px;height:80px}
.rightbar .box2{height:30px;color:#111;font-size:12px;padding:10px 6px;text-align:center;cursor:pointer;position:relative;display:flex;animation:twinkle1 0.8s infinite alternate}
.rightbar .box2 i{margin-left:2px;font-size:18px;float:left;align-self:center;color:#545454}
.rightbar .box2:hover{background:linear-gradient(to right,#242f4f,#1e263cbf);animation-play-state:paused}
.rightbar .box2:hover>*{color:#fff}
.rightbar .box3{height:30px;color:#111;font-size:12px;padding:10px 6px;text-align:center;cursor:pointer;position:relative;display:flex}
.rightbar .box3 i{margin-left:2px;font-size:18px;float:left;align-self:center;color:#545454}
.rightbar .box3:hover{background:linear-gradient(to right,#242f4f,#1e263cbf)}
.rightbar .box3:hover>*{color:#fff}
.rightbar .box3 .fix{top:0;right:95px;width:220px;height:55px;padding:8px;line-height:20px;position:absolute;right:95px;top:0;transition:1.2s;opacity:0;pointer-events:none;background-color:#1e263c;box-shadow:0 0 5px rgba(0,0,0,.5)}
.rightbar .box3 .fix p{color:#fff}
.rightbar .box3:hover .fix{opacity:1}
.rightbar .box4{height:30px;color:#111;font-size:12px;padding:10px 6px;text-align:center;cursor:pointer;position:relative;display:flex}
.rightbar .box4 i{margin-left:2px;font-size:18px;float:left;align-self:center;color:#545454}
.rightbar .box4:hover{background:linear-gradient(to right,#242f4f,#1e263cbf)}
.rightbar .box4:hover>*{color:#fff}
.rightbar .box5{height:30px;color:#111;font-size:12px;padding:10px 6px;text-align:center;cursor:pointer;position:relative;display:flex}
.rightbar .box5 i{margin-left:2px;font-size:18px;float:left;align-self:center;color:#545454}
.rightbar .box5:hover{background:linear-gradient(to right,#242f4f,#1e263cbf)}
.rightbar .box5:hover>*{color:#fff}
.rightbar .box5 .fix{position:absolute;right:95px;top:0;transition:1.2s;opacity:0;pointer-events:none;box-shadow:0 0 5px rgba(0,0,0,.5)}
.rightbar .box5:hover .fix{opacity:1}
.rightbar .box5 .fix img{border:1px;width:240px;height:80px}
.rightbar .box6{color:#111;font-size:12px;padding:10px 6px;text-align:center;cursor:pointer;position:relative;display:flex}
.rightbar .box6 img{width:15px;vertical-align:middle;color:#868686;margin-left:35px;height:10px}
.rightbar .box6:hover{background:linear-gradient(to right,#242f4f,#1e263cbf);border-radius:0px 0px 5px 5px; }
.rightbar .box6:hover>*{color:#fff}

        @keyframes twinkle1 {
            0%{
				color:#ffffff;
            }
            100%{
                background: #f3b034;  

            }
        }