@charset "utf-8";
.nr{width:1200px;margin:0px auto;}


/* 全屏banner */
.banner_blk { position: relative; z-index: 1; width: 100%;/*banner宽度*/ height: 697px;/*图片高度*/ 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: 50px;height: 50px;z-index: 2;}
.banner_button { position: absolute; left: 50%; margin-left: -600px; bottom: 0px; 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; background: #fff; -moz-outline: none; blr: expression(this.onFocus=this.blur()); border-radius: 20px; }
.banner_button a.activeSlide { background: #0c6de3; }
.banner_button a:hover { background: #0c6de3; }
.banner_left, .banner_right {position: absolute;background: url(../images/prev.png) no-repeat center center;top: 220px;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); }



/*--banner  nav*/
.index_nav{padding: 10px 0;}
.index-top-logo{
    float: left;
}

.index-top-layer{
    float: right;
    color: #ffffff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}

.index-top-nav{
    float: left;
}
.index-top-nav .nav{
    display: inline-block;
    font-size: 15px;
    margin: 0 20px;
    line-height: 60px;
}
.index-top-nav .nav a{
    color: #ffffff
}
.index-top-user{
    float: right;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-left: 30px;
    margin-top: 27px;
}
.index-top-user a{
    color: #ffffff;
    background-color: #0c6de3;
    padding: 10px 22px;
    font-size: 16px;
    border-radius: 0 5px 5px 0;
}
.index-top-user a:hover{ opacity:0.8;}
.index-top-user .avatar{
    width: 40px;
    height: 40px;
    border-radius: 50%;
    vertical-align: middle;
    margin-right: 15px;
}




/*header*/
.header {width:100%;position:fixed;top:0;height: 83px;z-index:9999;background: rgba(255,255,255,0.6);}
.header:hover { background-color: #fff;  transition: opacity .6s ease, background .6s ease, box-shadow .6s ease;
}
.inheader{ background-color:#fff;  }
.header.solid {
    position: fixed;
   background: #fff;
    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;
}
.header.solid .navbar li b{border-color: #000 transparent transparent;}
.header .navbar li:hover b{border-color: #0c6de3 transparent transparent;}
.header.solid .index-top-user a {
    color: #fff;
}
.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: block;height:48px;}
.inheader .header-logo .header-brand1 { display:block;  }
.inheader .navbar li a { color:#000;}
.inheader .index-top-user a {color: #fff;}
.inheader .navbar li b {border-color: #000 transparent transparent;}

.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: 26px 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: #333 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;
        }
.header:hover li b {border-color: #000 transparent transparent;}
.header:hover .index-top-user a {
    color: #fff;
}
.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 20px;line-height:30px;height:30px;color: #000;font-size: 16px;overflow:hidden;}
.header.solid .navbar li a,.header:hover .navbar li a  {color: #000;}
.header .navbar li a:hover  {color: #0c6de3;}
.navbar li a:hover { color:#0c6de3; }
#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;
 font-weight: bold;
}

#nav > li > a span:after { 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%); }
.header-right { float:right; }
.navbar-right li {padding:0;float:left;padding: 32px 0;}
.navbar-right li a { font-size:14px; color:#eee; border-radius:3px; padding:5px 20px; line-height:20px; height:20px; color:#fff; display:block; }
.header.solid .navbar-right li a, .header:hover .navbar-right li a {color:#0c6de3;
}
.navbar-right li a.nav_help { margin-right:10px; }
.navbar-right li a:hover { color:#0c6de3;  }
/*导航下拉*/
.menu_dropdown {position:absolute;left:0;top: 80px;width: 150px;background-color:#fff;overflow:hidden;padding:15px 0 0;position: absolute;display: none;}

.menu_dropdown li{ padding:10px 0;}
.menu_dropdown li a{ font-size:14px;}
.menu_dropdown li a:hover{ color:#0c6de3 !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:#0c6de3; }
.m_d_i_con p { color:#787878; font-size:12px; }


/*查询*/
.cx_bg{box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.2);position: relative;background-color: #fff;}
 .cx_bg .form-quick .quick-l{ float: left; }
 .cx_bg .form-quick .quick-r{ float: right; }

.cx_bg .form-quick .form-group {height: 30px;clear: both;margin-top: 10px;}
.cx_bg .form-quick .form-group:first-child{ margin-top:0;}
.cx_bg .form-quick .form-group .input-group {float: left;height: 100%;}
.cx_bg .form-quick .form-group .input-group .input-label {font-size: 12px;line-height: 30px;}
.cx_bg .form-quick .form-group .input-group .form-control {width: 65px;height: 100%;background: #fafafa;padding: 0px 10px;font-size: 16px;line-height: 30px;border: 1px solid #eee;transition: all .2s ease-in-out;-webkit-transition: all .2s ease-in-out;-moz-transition: all .2s ease-in-out;-o-transition: all .2s ease-in-out;box-sizing: border-box;}
.cx_bg .form-quick .form-group .input-group .form-control.long {width: 171px;}
.cx_bg .form-quick .form-group .input-group .form-control.center {width: 82px;}

.cx_bg .form-quick .big-btn {width: auto;height: auto;padding: 10px 27px;text-align: center;background: #0c6de3;display: block;border-radius: 0 6px 6px 0;cursor: pointer;color: #fff;font-size: 18px;max-width: 200px;}
.cx_bg .form-quick .big-btn:hover{ background-color:#fa9a04; color:#fff;}

.cx_bg ul li{float: left;position: relative;padding: 0px 0;}
.cx_bg ul li:first-child{padding-left:0;}
.cx_bg ul li:first-child .cx_co{}

.cx_bg ul li:before{content:"";position:absolute;right: 0;top: 12px;width: 1px;height: 130px;background-color: #e9e9e9;border-radius: 1px;}
.cx_bg ul li .cx_co{float: left;text-align: center;padding: 18px 77px;}
.cx_bg ul li .cx_co:hover{ background-color:#eff6ff;}
.cx_bg ul li .cx_co i{background: url(../images/index_icon.png) no-repeat -10px -15px;display: inline-block;width: 60px;height: 60px;transition:all 0.3s; position:relative;}
.cx_bg ul li .cx_co i:before{content:"";display:block;position:absolute;width: 24px;height:3px;background-color:#0c6de3;left: 17px;bottom:-14px;}
.cx_bg ul li:first-child .cx_co i{background-position: -10px -10px;}
.cx_bg ul li:last-child:before{ display:none;}
.cx_bg ul li .cx_co i.cx_ico02{background-position: -106px -11px;}
.cx_bg ul li .cx_co i.cx_ico03{background-position: -208px -12px;}
.cx_bg ul li .cx_co i.cx_ico04{background-position: -266px -15px;}
.cx_bg ul li .cx_co span{display: block;color: #1e1e1e;font-size: 18px;font-weight: bold;margin-top: 28px;position:relative;}
.cx_bg ul li .cx_co span:hover{color:#0c6de3;}
.cx_bg .form-quick{float: left;padding: 36px 0 36px 60px;}
.cx_box{position: absolute;top: -50px;z-index: 999;box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.2);background-color: #fff;border-radius: 10px;width: 100%;padding: 20px;}
.qk_tit{padding-left:15px; position:relative; margin-bottom:5px;}
.qk_tit:before{ content:""; display:block; position:absolute; width:3px; height:20px; background-color:#0c6de3; left:0; top:3px}
.qk_tit span{ font-size:18px; color:#1e1e1; font-weight:bold;}


/*理由*/
.index_four2{/*background:url(../images/index__65.png) no-repeat;*/width:542px;height:32px;text-align:center;line-height: 36px;font-size: 42px;margin:0px auto;margin-top:12px;margin-bottom:20px;font-weight:bold;color: #0c6de3;}
.index_four2 span{color:#fa9a04;}
.index_four3{width:904px;margin: 10px auto 40px auto;font-size: 16px;line-height: 24px;text-align:center;color: #666;}

.index_two{padding: 80px 0px;position:relative;}
.index_two_ul{
    margin-top: 100px;
}
.index_two_ul li{float:left;width: 32.3%;margin-right: 1.5%;padding: 30px 0;border: 1px solid #dedede;box-sizing: border-box;}
.index_two_ul li:hover{border: 1px solid #0c6de3;}
.index_two_ul li:nth-child(3n){ margin-right:0;}
.index_two_main{display:block;width:320px;margin:0px auto;text-align:center;color:#999999;font-size:14px;line-height:24px; position:relative;}
.index_two_main_tl{color:#333333;font-size: 26px;margin-top:10px;height:24px;overflow:hidden;margin-bottom:10px;margin-top: 30px;}
.index_two_main_text{height: 54px;overflow:hidden;font-size: 18px;margin-top: 50px;color: #838383;line-height: 30px;width: 100%;}
.index_two_main:before{position:absolute;content:"";width: 56px;height: 4px;background-color: #2c2c2c;left: 132px;top: 180px;}
.index_two_ul li:hover .index_two_main:before{background-color:#0c6de3;}
.index_two_ul li:hover .index_two_main_tl{color:#0c6de3;}
.index_two_main:hover{color:#fa9a04}
.index_two_main img{-webkit-transition:-webkit-transform 1s ease-out;-moz-transition:-moz-transform 1s ease-out;-o-transition:-o-transform 1s ease-out;-ms-transition:-ms-transform 1s ease-out;display:inline-block}
.two_img{width:100px;height:100px;background-color:#2c2c2c;margin:0 auto;line-height: 144px;border-radius:1000px;margin-top: -84px;}
.index_two_ul li:hover .two_img{background-color:#0c6de3;}
.two_numb{position:absolute;color: #f7f7f7;font-size: 116px;z-index: -1;left: -18px;bottom: 10px;}

/*流程*/
.main{ }
.main .tit{ text-align:center; color:#333; font-size:28px; line-height:28px; padding:46px 0 36px 0;}
.main .tit span{color: #fff;font-size:12px;display:block;padding-top:20px;line-height:20px;}

.main_s{width:100%;background: url(../images/lc_bg.jpg) no-repeat;padding-top: 70px;padding-bottom: 80px;background-size: 100% 100%;}
.main .main_s .tit{color: #fff;}
.main_s ul{}
.main_s ul li{float:left;width:160px;font-size:18px;margin:0 48px 0 0;text-align:center;color:#fff;-moz-border-radius:10px;-webkit-border-radius:10px;border-radius:10px;position:relative;}
.main_s ul li p{color: #000;font-size: 20px;margin-top: 25px;}
.main_s ul li i{color: #6a6a6a;display:block;font-size: 16px;font-style: normal;margin-top: 10px;}
.main_s ul li b{ display:block; font-size:12px; line-height:14px; background:#fff; width:44px; height:44px; position:absolute; right:1px; top:0; color:#ff6800; -moz-border-radius:50%;-webkit-border-radius:50%; border-radius:50%; font-weight:bold;}
.main_s ul li b em{ padding-top:8px; display:block}
.main_s ul li:last-child{ margin-right:0;}
.main_s p.tip{text-align:center;font-size:12px;color: #fff;margin-top:90px;}
.inlinebtns {
    text-align: center;
    margin-top: 40px;
}
.look{display:block;width:268px;line-height:46px;text-align:center;background: #0c6de3;color: #fff;font-size:16px;margin: 0px 10px;border-radius:5px;}
.look:hover{opacity:0.8;color:#fff}
.inlinebtn2 {
    background: #fa9a04;
}
.inlinebtn1, .inlinebtn2 {
    display: inline;
    font-size: 1.5em;
    padding: 10px 40px;
}
.lc_img{ position: relative; }
.lc_img span{position: absolute;background-color: #0c6de3;border-radius: 100px;width: 30px;height: 30px;line-height: 30px;left: 53px;bottom: -10px;}


/*仓库*/
.cangku{padding-top: 70px;margin-bottom: 40px;}
.cangku .ck_fl{ float: left; }
.cangku .ck_rt{float: right;border: 1px solid #eee;width: 748px;padding:20px;padding-left: 134px;box-sizing: border-box;background: url(../images/cn_ico.png) no-repeat 40px 20px;}
.cangku .ck_rt p{color: #504f4f;font-size: 16px;line-height: 36px; position:relative;}
.cangku .ck_rt .ck_p p:before{content:"";display:block;position:absolute;width:1px;height: 51px;background-color:#e4e4e4;left:-63px;top: -10px;}
.cangku .ck_rt .ck_p p:after{content:"";display:block;position:absolute;width: 7px;height: 7px;background-color:#e4e4e4;left: -66px;top: 14px;border-radius:100px;}
.cangku .ck_rt .ck_ad{ }



/*news*/
.news_box{ margin-bottom:60px;}
.blog-area {height: auto;width: 100%;margin-bottom: 60px;}
.news_co{width: 33.33333333%;float: left;position: relative;min-height: 1px;padding-right: 15px;padding-left: 15px;box-sizing: border-box;}
.news_co img {width: 100%;height: 182px;}
.blog-meta {
    border-bottom: 1px dotted #fff;
    padding: 15px 0;
    margin-bottom: 15px;
    border-bottom: 1px solid #eee;
}
.blog-meta span{color: #9d9d9d;letter-spacing: 1px;margin-right: 5px;font-size: 14px;}
.blog-meta i{color: #333;padding-right: 10px;}
.blog-text h4 a {color: #333;text-decoration: none;}
.news_co:hover a{color:#0c6de3;}
.blog-text h4 {color: #444;margin-bottom: -3px;font-size: 22px;line-height: 26px;margin-top: 10px;}

.blog-text p{margin: 0 0 15px;font-size: 16px;color: #8a8a8a;line-height: 26px;}
.single-blog .ready-btn {
  border: 1px solid #444;
  border-radius: 30px;
  color: #444;
  cursor: pointer;
  display: inline-block;
  font-size: 15px;
  font-weight: 500;
  margin-top: 10px;
  padding: 10px 20px;
  text-align: center;
  text-transform: uppercase;
  transition: all 0.4s ease 0s;
}

.single-blog .ready-btn:hover {
  border: 1px solid #fa9a04;
  color: #fff;
}
.ready-btn:hover {
    color: #fff;
    background: #fa9a04;
    border: 1px solid #fa9a04;
    text-decoration: none;
}

.news_more{width:230px;background-color:#0c6de3;margin: 0 auto;padding: 10px 0;text-align: center;font-size: 18px;border-radius: 100px;margin-top: 40px;}
.news_more a{color: #fff;}
.news_more:hover{ background-color:#fa9a04;}
/*footer*/
.footer{background:url(../images/fo_bg.jpg) no-repeat #1a1a1a;color: #fff;background-size:100% 100%;}
.footer .f_t{border-bottom: 1px solid rgba(255,255,255,0.4);padding: 60px 0 30px 0;}
.footer .f_t .fo_logo{margin: 0 0 0 0;float: right;width: 290px;box-sizing: border-box;}
.footer .f_t .fo_logo span{letter-spacing: 1.6px;display: inline-block;font-size: 18px;color: #fff;padding-bottom: 16px;}
.footer .fo_logo p{color: #bbb;font-size: 14px;line-height: 30px;}
.footer .f_t .fo_rt{float: left;width: 910px;box-sizing: border-box;padding-right: 60px;display: flex;justify-content: space-between;}

.footer .f_t .fo_co{float: left;padding: 0 55px;border-right: 1px solid #484848;}
.footer .f_t .fo_co span{color: #fff;font-size: 18px;display: block;height: 24px;padding-bottom: 18px;}
.footer .f_t .fo_co li{color: #bbb;font-size: 14px;line-height: 30px;}
.footer .f_t .fo_co li a{color: #bbb;font-size: 14px;line-height: 30px;}
.footer .f_t .fo_co li a:hover{color: #0c6de3;}
.footer .f_t .fo_co li em{color: #bbb;font-style: normal;}
.footer .f_t .fo_co li a:hover{  text-decoration:none;}
.footer .f_t .fo_co.fo_er img{width: 110px;height: 110px;display: block;margin-top: 8px;margin-bottom: 10px;}
.footer .f_t .fo_co.fo_er em{font-size: 14px;color: #fff;font-style: normal;}
.footer .f_t .fo_co.fo_er{float: left;text-align: center;padding: 0 30px 0 0;border: none;}


.footer .ban{text-align: center;padding: 28px 0;}
.footer .ban span{color: #bbb;font-size: 13px;float: left;}
.footer .ban>a{border-right: 1px solid #bbb;color: #bbb;font-size: 13px;float: right;padding: 0 18px;}
.footer .ban a:hover{color: #0c6de3;}