@charset "utf-8";
.head_top{background:#214d8c;height:42px;line-height:42px}
.w{width:1200px;margin:0px auto;}
.clearfix:before, .clearfix:after { content: " "; display: table }
.clearfix:after { clear: both }
.clf:before, .clf:after { content: " "; display: table }
.clf:after { clear: both }
select, option, input, textarea {
    padding: 0;
    margin: 0;
    border: none;
}
em{ font-style:normal; }
/*header*/
.header {/* width: 1200px; */position:fixed;top: 36px;height: 106px;z-index:9999;background-color: #fff;margin-left: -600px;left: 50%;box-sizing: border-box;box-shadow: 0 8px 0 rgba(255,255,255,.3);}
.header .w{ padding:0 10px}
.inheader{ background-color:#214d8c;  }
.header.solid {
    position: fixed;
    background: #214d8c;
    top: 0;
    left: 0;
    right: 0;
    z-index: 9999;
    -webkit-box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    -webkit-transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
    -o-transition: all 0.25s ease-in-out;
    width: 100%;
    margin-left: 0;
}
.header.solid .navbar li b{border-color: #ddd transparent transparent;}
.header.solid .index-top-user a {
    color: #000;
}
.header-logo {margin-top: 14px;float:left;}
.header-logo .header-brand { display:block; height:48px; }
.header-logo .header-brand1 { display:none;  }

.inheader .header-logo .header-brand { display:none; height:48px; }
.inheader .header-logo .header-brand1 { display:block;  }
.inheader .navbar li a { color:#000;}
.inheader .index-top-user a {color: #000;}
.inheader .navbar li b {border-color: #000 transparent transparent;}

.header.solid .header-logo .header-brand{display:none;}
.header.solid .header-logo .header-brand1 {display:block;}
.header .mico { background-image:url(../images/sTel.png); background-repeat:no-repeat;width:20px;height:20px; display:inline-block; vertical-align:middle;
}
    .header i.mico.iphone {  background-position:0px 0;
    }
     .header i.mico.iemail {  background-position:0px -20px;
    }
.header.solid i.mico.iphone, .header:hover i.mico.iphone{background-position:-20px 0;
}
.header.solid i.mico.iemail, .header:hover i.mico.iemail{background-position:-20px -20px;
}
/*navbar*/
.header-navbar { float:right; }
.navbar>li {padding: 38px 0;float:left;position: relative;}
.navbar>li:hover .menu_dropdown { display:block;}
.navbar li b {cursor: pointer;margin: 14px 8px 0 3px;font-size: 0;border-style:solid dashed dashed;border-width:4px;height:0;width:0;line-height:0%;position:absolute;border-color: #ccc transparent transparent;-webkit-transition:-webkit-transform .2s ease-in;-webkit-backface-visibility:hidden;-moz-transition:-moz-transform .2s ease-in;-o-transition:-o-transform .2s ease-in;transition:transform .2s ease-in;}
    .navbar li.show_smallmenu .menu_dropdown{
        padding:0;
        -webkit-box-shadow: 0 0 6px 0 rgba(8,8,8,.2);
        box-shadow: 0 0 6px 0 rgba(8,8,8,.2);
        opacity: 0;
        -webkit-transition: opacity 0.25s linear 0s, height 0.25s linear 0s;
        -moz-transition: opacity 0.25s linear 0s, height 0.25s linear 0s;
        -o-transition: opacity 0.25s linear 0s, height 0.25s linear 0s;
        transition: opacity 0.25s linear 0s, height 0.25s linear 0s;
    }
        .navbar li.show_smallmenu:hover .menu_dropdown {
            opacity: 1;
            -webkit-transition: opacity 0.25s linear 0s, height 0.25s linear 0s;
            -moz-transition: opacity 0.25s linear 0s, height 0.25s linear 0s;
            -o-transition: opacity 0.25s linear 0s, height 0.25s linear 0s;
            transition: opacity 0.25s linear 0s, height 0.25s linear 0s;
        }

.navbar li:hover b {border-color: #000 transparent transparent;-moz-transform:rotate(180deg);-moz-transform-origin:50% 30%;-webkit-transform:rotate(180deg);-webkit-transform-origin:50% 30%;-o-transform:rotate(180deg);-o-transform-origin:50% 30%;transform:rotate(180deg);transform-origin:50% 30%;filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=2);}
.navbar li a {display:block;padding: 0px 26px;line-height:30px;height: 33px;color: #000;font-size: 16px;overflow:hidden;}
.header.solid .navbar li a {color: #fff;}
.navbar li a:hover { color:#2377cf; }
#nav > li > a > span {
 display: inline-block;
 height:30px;
 line-height:30px;
 position: relative;
 -webkit-transition: all ease-out .3s;
 -moz-transition: all ease-out .3s;
 -o-transition: all ease-out .3s;
 transition: all ease-out .3s;
 
}
#nav > li.on > a > span {border-bottom: 2px solid #2377cf; color:#2377cf;}
.header.solid #nav > li.on > a > span {border-bottom: 2px solid #fff; color:#fff;}
#nav > li:hover > a span {-webkit-transform: translateY(-100%);-moz-transform: translateY(-100%);-ms-transform: translateY(-100%);-o-transform: translateY(-100%);transform: translateY(-100%);color: #2377cf; }
.header.solid #nav > li:hover > a span {color: #fff;}
#nav > li > a span:after { content: attr(data-title); width: 100%; position: absolute; left: 0; -webkit-transform: translateY(100%); -moz-transform: translateY(100%); -ms-transform: translateY(100%); -o-transform: translateY(100%); transform: translateY(100%); }

/*导航下拉*/
.menu_dropdown {position:absolute;left: -16px;top: 83px;width: 150px;background-color:#fff;overflow:hidden;padding:15px 0 0;position: absolute;display: none;}

.menu_dropdown li{padding: 4px 0;text-align: center;}
.menu_dropdown li a{font-size:14px;color: #333 !important;}
.menu_dropdown li a:hover{ color:#214d8c !important;}
.menu_dropdown_item { margin-bottom:20px; color:#333; padding-left:100px; }
.m_d_i_tit { height:50px; width:120px; line-height:50px; color:#fff; float:left; }
.m_d_i_tit h2 { font-size:16px; color:#000; display:inline-block; padding-left:20px; }
.m_d_i_tit .fa { color:#999; font-size:18px; float:right; margin-top:16px; }
.m_d_i_con { width:920px; float:left; margin-left:20px; }
.m_d_i_con ul li { float:left; margin:0; margin-left:20px; width:255px; padding:10px 15px 15px; }
.m_d_i_con ul li:hover { background-color:#f4f4f4; }
.m_d_i_con ul li a { padding:0; height:auto; }
.m_d_i_con ul li a h3 { color:#333; font-size:14px; display:inline-block; }
.m_d_i_con ul li:hover a h3 { color:#214d8c; }
.m_d_i_con p { color:#787878; font-size:12px; }


/* 全屏banner */
.banner_blk {FONT-VARIANT: JIS78;position: relative;z-index: 1;width: 100%;/*banner宽度*/height: 800px;/*图片高度*/overflow: hidden;}
.banner { position: absolute; top: 0px; left: 50%; z-index: 1; margin-left: -960px;/*图片宽度/2*/ width: 1920px;/*图片宽度*/ height: 100%; overflow: hidden; }
.banner p { width: 1920px; height: 100%; text-align: center; font-size: 0px; }
.banner_button_blk { width: 100%; position: absolute; bottom: 0; height: 50px; z-index: 2; }
.banner_button {position: absolute;left: 50%;margin-left: -600px;bottom: 6px;z-index: 2;width: 1200px;height: 50px;line-height: 50px;text-align: center;}
.banner_button a {display: inline-block;margin: 20px 6px;margin-bottom: 0;width: 12px;height: 12px;font-size: 0px;text-align: center;color: #fff;outline: none;-moz-outline: none;blr: expression(this.onFocus=this.blur());border-radius: 20px;border: 2px solid #fff;}
.banner_button a.activeSlide {background: #fff;}
.banner_button a:hover { background: #214d8c; }
.banner_left, .banner_right {position: absolute;background: url(../images/prev.png) no-repeat center center;top: 300px;left: 22px;display: block;width: 54px;height: 100px;z-index: 999999;cursor: pointer;}
.banner_right { background: url(../images/next.png) no-repeat center center; left: auto; right: 22px; }
.banner_left:hover, .banner_right:hover { background-color: rgba(255, 255, 255, 0.2); }



/*快捷*/
.qk_box{ background-color: #214d8c;padding: 10px 0; }
.qk_box .w{ display:flex;justify-content: space-between; }
.qk_box .qk_tel{ padding-left: 70px; background:url(../images/qk_01.png) no-repeat left center; }
.qk_box .qk_tel span{font-size: 15px;color: #fff;display: block;margin-top: 20px;margin-bottom: 10px;}
.qk_box .qk_tel em{font-size: 24px;color: #fff;font-style: normal;}
.qk_box .qk_line{width: 1px;height: 62px;background-color: #90a6c6;margin: 18px 50px;}
.qk_box .qk_ab{ margin-top:10px}
.qk_box .qk_ab .qk_txt{float: left;margin-left: 14px;}
.qk_box .qk_ab img{float: left;width: 110px;height: 110px;}
.qk_box .qk_ab .qk_txt span{color: #fff;font-size: 20px;display: block;font-weight: bold;margin: 10px 0;}
.qk_box .qk_ab .qk_txt em{ color: #fff; font-size: 15px; }
.qk_box .qk_track{ margin-top:10px;}
.qk_box .qk_track ul li{ float: left;  padding: 4px 10px; margin-right:4px;}
.qk_box .qk_track ul li a{color: #fff; font-size: 16px;}
.qk_box .qk_track ul li:hover{ background-color: #1958b1;}
.qk_box .qk_track ul li.on{ background-color: #1958b1; }
.qk_box input{width: 340px;height: 40px;margin-top: 10px;padding-left: 15px;background-color: #fff;color: #333;box-sizing: border-box;float: left;}
.qk_box .ss_btn{color:#fff;cursor: pointer;padding: 0;width: 95px; background:url(../images/ss.png) no-repeat #aec708 center;}

/*tit*/
.yys_tit{ text-align: center; margin-top: 60px; margin-bottom: 40px; }
.yys_tit h2{ font-size: 46px; color: #214d8c;display: inline-block;position: relative; }
.yys_tit h2:before{content: "";position: absolute;width: 95px;height: 2px;background-color: #e5e5e5;left: -150px;top: 32px;}
.yys_tit h2:after{content: "";position: absolute;width: 95px;height: 2px;background-color: #e5e5e5;right: -150px;top: 32px;}
.yys_tit p{font-size: 16px;color: #000;margin-top: 10px;}
.yys_tit h2 span{ color: #aec708; }


/*serv*/
.serv_box .serv_co{float: left;width: 375px;margin-right: 37px;margin-bottom: 20px;}

.serv_box .serv_co:nth-child(3n){ margin-right: 0; }
.serv_box .serv_co .serv_img{ width: 375px; height: 207px;overflow: hidden; position: relative;}
.serv_box .serv_co .serv_img img{ width: 100%; height:100%; }
.serv_box .serv_co .serv_img .serv_more{width: 375px;height: 207px;background-color: rgba(0,0,0,0.5);position: absolute;left: 0;top: 0; text-align:center;
line-height:207px;display:none;}
.serv_box .serv_co .serv_img .serv_more a{ background-color:#aec708; padding:10px 40px;color:#fff; font-size:16px;border-radius:100px;}
.serv_box .serv_co:hover .serv_img .serv_more{ display:block;}
.serv_box .serv_co .serv_txt{text-align: center;line-height: 45px;border: 1px solid #eee;}
.serv_box .serv_co .serv_txt a{ font-size:18px;}
.serv_box .more{text-align: center;width: 210px;background-color: #214d8c;margin: 18px auto;display: block;padding: 10px 0;color: #fff;border-radius: 100px;font-size: 18px;}
.serv_box .more:hover{ background-color: #aec708; }

/*优势*/
.ys_bg{background-color: #f2f2f2;padding: 1px 0 50px 0;margin-top: 50px;}
.ys_bg .ys_le{float: left;width: 208px;height: 371px;}
.ys_bg .ys_le img{width:100%;height:100%;}
.ys_bg .ys_rt{float: right;width: 978px;}
.ys_bg .ys_rt .ys_co{background-color: #fff;float: left;width: 316px;margin-right: 15px;text-align: center;height: 177px;margin-bottom: 15px;padding: 20px;box-sizing: border-box;}
.ys_bg .ys_rt .ys_co:nth-child(3n){ margin-right:0;}
.ys_bg .ys_rt .ys_co span{font-size: 20px;color: #000;}
.ys_bg .ys_rt .ys_co p{font-size: 14px;color: #000;position:relative;margin-top: 26px;line-height:26px;}
.ys_bg .ys_rt .ys_co p:before{content:"";position:absolute;width:44px;height:2px;top: -12px;left:50%;background-color: #e1e1e1;margin-left:-22px;}
.ys_bg .ys_rt .ys_co a{ background-color: #214d8c; color:#fff; padding:6px 20px; margin-top:10px; display:inline-block; border-radius:5px; }
.ys_bg .ys_rt .ys_co a:hover{background-color:#aec708;}

/*about*/
.about_box{}
.about_box .ab_le{ float: left; width: 610px; }
.about_box .ab_le span{font-size: 30px;color: #000;}
.about_box .ab_le p{font-size: 16px;color: #000;line-height: 30px;margin-top: 15px;}
.about_box .ab_le a{font-size: 16px;color: #fff;background-color:#214d8c;padding: 10px 45px;margin-top: 20px;display: inline-block;}
.about_box .ab_le a:hover{background-color:#aec708;}
.about_box .ab_rt{ float: right; width: 552px; height: 258px; }
.about_box .ab_rt img{width:100%; height:100%: }
.about_box .ab_bt {text-align: center;margin-top: 70px;margin-bottom: 100px;}
.about_box .ab_bt .ab_co{float: left;width: 384px;border: 1px solid #e5e5e5;padding: 20px;box-sizing: border-box;position: relative;margin-right: 24px; height:140px;}
.about_box .ab_bt .ab_co:before{content:"";position:absolute;width:72px;height:72px;background:url(../images/ab_logo.png);bottom: -37px;left: 50%;margin-left: -36px;}
.about_box .ab_bt .ab_co:nth-child(3n){ margin-right:0;}
.about_box .ab_bt .ab_co span{color: #000;font-size: 22px;font-weight: bold;display: inline-block;padding: 0 30px;background-color: #fff;margin-top: -34px;position: absolute;left: 50%;margin-left: -52px;}
.about_box .ab_bt .ab_co p{color: #000;font-size: 15px;line-height: 24px;margin-top: 10px;}

/*news*/
.news_box .news_le{ float: left;width: 540px; }
.news_box .news_tit{margin-bottom: 24px;}
.news_box .news_tit span{font-size: 24px;color: #000;border-bottom: 2px solid #214d8c;padding-bottom: 10px;}
.news_box .news_tit a{display: inline-block;float: right;border:1px solid #e5e5e5;border-radius:100px;padding: 3px 15px;font-size: 15px;color: #000;}
.news_box .news_le .news_hx{ height:432px;overflow:hidden;}
.news_box .news_le .news_hx ul li{padding-left: 40px;line-height: 47px;background: url(../images/news_link.png) no-repeat 10px center #f0f7fd;padding-right: 20px;}
.news_box .news_le .news_hx ul li:nth-child(2n){ background-color: #fff; }
.news_box .news_le .news_hx ul li a {font-size: 14px;color: #000;}
.news_box .news_le .news_hx ul li a:hover{ color:#214d8c;}
.news_box .news_le .news_hx ul li span{font-size: 14px;color: #000;font-weight: bold;float: right;display: inline-block;padding-left: 26px;background: url(../images/liu.png) no-repeat left center;}

.news_box .news_rt{ float: right;width: 640px; }
.news_box .news_rt .news_zx{background-color: #f0f7fd;padding: 50px 20px;height: 432px;box-sizing: border-box;}

.news_box .news_rt .news_zx .news_co{background-color: #fff;padding: 24px;box-sizing: border-box;margin-bottom: 24px;}
.news_box .news_rt .news_zx .news_co .news_img{  float: left;width: 147px; height: 105px;}
.news_box .news_rt .news_zx .news_co .news_img img{ width: 100%; height:100%;}
.news_box .news_rt .news_zx .news_co .news_txt{ float: left;margin-left: 20px; width: 374px; }
.news_box .news_rt .news_zx .news_co .news_txt a{color: #000;font-size: 18px;font-weight: bold;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;height: 22px;}
.news_box .news_rt .news_zx .news_co .news_txt a:hover{ color:#214d8c;}
.news_box .news_rt .news_zx .news_co .news_txt p{color: #000;font-size: 15px;line-height: 26px;height: 74px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;margin-top: 10px;}


/*footer*/
.footer{ background-color: #02285e;color: #fff; margin-top:60px; }
.footer .link{border-bottom: 1px solid #35537e;padding: 20px 0 20px 40px;background: url(../images/fo_link.png) no-repeat left 22px;}
.footer .link span{font-size: 16px; float: left;}
.footer .link ul{float: left;margin-top: 3px;}
.footer .link ul li{float: left;margin-right: 20px;}
.footer .link ul li a{color: #fff;font-size: 14px;}

.footer .fo_box{display: flex;justify-content: space-between;padding: 30px 0;}
.footer .fo_box .fo_lx img{ width:230px; height:68px;}
.footer .fo_box .fo_lx p{line-height:30px;color: #fff;font-size:14px;margin-top:10px;width:268px;}
.footer .fo_box .fo_pho {background-color:#c6e113;width:300px;height:80px;border-radius:10px;padding-left: 90px;box-sizing: border-box;background: url(../images/fo_pho.png) no-repeat 24px center #c6e113;margin-top: 50px;}
.footer .fo_box .fo_pho span{font-size:16px;color:#02285e;display:block;margin: 12px 0 8px 0;}
.footer .fo_box .fo_pho em{ font-size:24px;color:#02285e;font-weight:bold;}
.footer .fo_box .fo_co span{ font-size:18px; color:#fff;}
.footer .fo_box .fo_co ul{margin-top: 15px;}
.footer .fo_box .fo_co ul li{line-height: 30px;}
.footer .fo_box .fo_co ul li a{color: #fff;font-size:14px;}
.footer .fo_box .fo_co ul li a:hover{color:#c6e113;}
.footer .fo_box .erweima{ text-align:center; margin-top:40px;}
.footer .fo_box .erweima img{ width:110px; height:110px;}
.footer .fo_box .erweima span{ display:block; line-height:28px; }


.ban{ background-color: #001636; padding:12px 0}
.ban span{color:#99a2ad;}
.ban em{color:#99a2ad; float:right;}
.ban em a{color:#99a2ad;}
.ban em a:hover{color:#c6e113;}