html, body {  margin: 0;  padding: 0;  }

body{  color: #505459;  font-family: "Microsoft YaHei",sans-serif, Tahoma, Arial, Helvetica;  font-size: 14px;  text-align: left; }

h1, h2, h3, h4, h5, h6, ul, ol, li, dl, dt, dd, form, img, p, hr, samp, em {margin: 0;  padding: 0;  border: none;  list-style-type: none;  }

a {  color: #0088cc;  text-decoration: none; }

a:hover,a:focus {  text-decoration: none;}

a:focus, input:focus, button:focus, select:focus, textarea:focus {  outline: none;}
small, .small {  font-size:14px;}

.fl {  float: left; }
.fr {  float: right;  }
.fc {  display: table;  margin-left: auto;  margin-right: auto;  clear: both;  }
.tl {  text-align: left;  }
.tr {  text-align: right;  }
.tc {  text-align: center; }

body{ min-width: 1200px\9;}

/*header-css*/
.head_lay{ border: 0; background: #f2f2f2; width: 100%; position: fixed; z-index: 999;}
.head_top{ background: #2C3D4F; min-height: 60px; border-radius: 0;}
.head_top .navbar-brand{ height: 60px; margin-right: 20px;padding-left: 0; }
.head_top .navbar-nav > li > a{ color: #E4E4E4;}
.head_top .nav>li>a:hover,.head_top .nav>li>a:focus{ color: #327DF1; background-color: inherit;}
.nav > li.language a{ display: inline-block; padding-left: 2px;padding-right: 2px;}
.language{ padding-left: 13px; }
.language span{ color: #E4E4E4}
.navbar-toggle .icon-bar{
    background:#E4E4E4 ;
}
.nav-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus{ background-color: inherit; color:#327DF1;}
#menu_show >ul>li>.no_childs{ font-weight: normal;}
.install_url a{ color: #327DF1;}
.go_up{ background: url("../images/go_up.png") no-repeat; width: 58px; height: 58px; display: block;}
.go_up_h{ background: url("../images/go_up_h.png") no-repeat; width: 58px; height: 58px; display: block;transition: background 1s;}
#menu_show .nav-child li.current a{ color:#327DF1 }
.head_top .active > .menu_level{ color:#327DF1!important; }
.head_top .navbar-nav > li > a::before {
    content: '';
    position: absolute;
    transition: width .4s;
    width: 0;
    height: 1px;
    background: #327DF1;
    left: 0;
    bottom: 0
}
.head_top .navbar-nav > li > .menu_level:hover::before{ width: 100%;}
.menu_show {
    box-shadow: 0 2px 5px rgba(0,0,0,0.2);
}
.install_url a span,.install_url li span{ display: inline-block;}
.install_url .breadcrumb > li:nth-child(1) + li:before{ display: none;}
#menu_show .item-125>a,#menu_show .item-126>a,#menu_show .item-140>a,#menu_show .item-145>a,#menu_show .item-155>a,#menu_show .item-160>a,#menu_show .item-163>a{ cursor: default;}
.h60{ height: 60px;}
.breadcrumb > li:nth-child(1) + li:before{ display: none;}

/*2021_new_add background: rgba(255,255,255,0.1)*/
.navbar-nav_r{ padding: 0 10px 0 0;}
.navbar-nav_r li{position: relative; display: inline-block; vertical-align: middle;}
.line_li{ color: #999;}

.navbar-nav_r a.ens,.navbar-nav_r a.btn_nav_bbs,.navbar-nav_r a.btn_nav_kf,.navbar-nav_r a.btn_nav_en{ height: 26px; padding: 0; margin-top: 8px; color:#fff}
.navbar-nav_r a img{ vertical-align: middle; display: inline-block; margin: 0 auto; text-align: center;padding-top: 2px;}
.head_top .navbar-right>li>a:hover, .head_top .navbar-right>li>a:focus{ color:#fff;}
.image-title{vertical-align: middle; margin-left: 5px;}

.line_li{ margin: 10px 20px 0 20px;}
.navbar-nav_r > li > .line_li{ padding: 10px 2px;}
.navbar-nav_r > li > a{ padding: 10px 18px;}

#menu_show .nav-child a.testClass{ color: #327BEB; }

@media (min-width: 1440px){
    .menu_show .container, .head_lay .container {
        width: 1440px;
    }
}

@media (min-width: 768px) and (max-width: 1000px){ .container {  width:100%;  }}
@media (min-width: 767px) {
    .nav > li.language a:hover{ border-bottom: 0;}
    .btn_navs{ margin-left: 22px;}
    .btn_navs { border: 1px solid #FFFFFF; border-radius: 2px;}
    .navbar-nav > li .btn_navs {padding-top:6px; padding-bottom: 6px; width: 88px; text-align: center; margin-top: 12px; }
    .navbar-nav > li .btn_navs:hover{padding-bottom: 6px; border-bottom: 1px solid #fff; color: #fff!important; background: #327DF1!important;border-color: #327DF1!important;s}
    .head_top .nav > li{ position: inherit;}
    .head_top .container{ position: relative;}
    .head_top .nav .nav-child{  display: none;  }
    #menu_show > .nav-child{ padding: 30px 0 25px 15px; }
    #menu_show >.nav-child >li{ display: inline-block; vertical-align: top; margin-right: 70px;}
    #menu_show .nav-child li .nav-child { position: relative;padding: 8px 0; left: 0;}
    #menu_show .nav-child li .nav-child li{ display: block;  padding: 6px 0;}
    #menu_show .nav-child a{ color:#666666; font-weight: 600; }
    #menu_show .nav-child li .nav-child li a{ font-weight: normal;}

    .navbar-nav > li > a { padding-top: 20px;padding-bottom: 20px;}
    .navbar-nav > li > a:hover{border-bottom: 2px solid  #327DF1;padding-bottom: 18px;}
    .navbar-nav > li >.en:hover,.navbar-nav > li >.ch:hover{ border-bottom: 0;padding-bottom: 20px; color: #327DF1!important;}
    .nav > li > a.en{ padding-right: 10px; background: url("../images/slash.png") no-repeat right center;}
    .nav > li > a.ch{ padding-left: 3px;}
    .navbar-nav > li.btn_navs a:hover{ font-weight: normal;}
    #menu_show .nav-child .menu_1 a{ font-weight: normal;}


}
@media only screen and (max-width: 767px) and (min-width: 0px){
    .menu_show{ display: none;}
    .navbar-collapse.in{ max-height: 440px;}
    .head_top .navbar-brand{ padding-left: 15px;}
    .navbar-brand > img{ width: 80%;}
    .head_top{ background: none;}
    .head_top .navbar-header{ background: #2C3D4F;}
    .head_top .navbar-collapse.in{  background: #E2E2E2; box-shadow:  0px  2px  4px  0px  rgba(0,0,0,0.5); }
    .head_top .navbar-nav > li > a{ color: #666666; padding-top: 15px; padding-bottom: 15px; font-size: 16px; }
    .head_top .navbar-nav >li>.nav-child{ background: #fff;padding:6px 5px 6px 20px;}
    .head_top .navbar-nav >li>.nav-child li{ padding: 10px 0;}
    .nav-child li a{ color: #666; display: block;}
    .nav-child li .nav-child{ padding:6px 0 0 15px;}
    .nav-child li .nav-child a{ color: #999999;}
    .nav-child li{ position: relative;}
    .navbar-nav em{ position: absolute;right: 20px;top:15px;width: 16px; height: 16px; display: inline-block; background: url("../images/creat_close.png") no-repeat; }
    .navbar-nav .opens >a > em{ background:url("../images/creats.png") no-repeat; }
    .head_top .nav-child{ display: none;}
    .head_top .nav>li>a:hover, .head_top .nav>li>a:focus, .head_top .nav>li>a{ color: #666 !important;  }
    .head_top .nav>li>a img{ display: none;}

    .menu_3 > a,.menu_2 >a{ background: url("../images/creat_close.png") no-repeat 96% center;display: block;}
    .opens > a{ background:url("../images/creats.png") no-repeat 96% center;}
    .head_top .navbar-nav > li > .menu_level:hover::before{ width: 0;}

    /*2021-new-add*/
    .navbar-nav_r{ padding-top: 0;}
    .navbar-nav_r li{ display: block;}
    .navbar-nav_r li.line_li{ display: none;}
    .navbar-nav_r > li > a{ padding-left: 0}
    .navbar-nav_r > li{ padding: 5px 0;}
    .navbar-nav.menu{ margin-bottom: 0;}
    .navbar-nav_r > li > .line_li{display: none;}

    #menu_show .nav-child a.testClass{ color: #666;}
    /*客服移动端css*/
    .modal-dialog{ width: 100%!important;}
    .choose_way{text-align: center;}
    .choose_way .divs{ margin-left: 30px!important;}
    .custorm_info .bak{ margin-left: 10px;}
    .time_service{display: block;margin-left: 140px;}

    .modal-open .head_top{padding-right:0!important;}
}

/*footer*/
.footer{ padding-top: 50px; background: #e2e2e2; font-family:'Microsoft YaHei';}
.footer .container{ padding-bottom: 60px;}
.foot_li > ul >li{float: left; width: 25%;padding-right: 10px; padding-left: 10px;}
.foot_li > ul >li >span{color: #666; font-size: 14px; font-weight: 600; margin-bottom: 15px; cursor: default; display: block;}
.foot_li ul ul li{ margin:0 0 13px 0;}
.foot_li ul ul li a{color: #666; font-size: 14px;}
.foot_li ul ul li a:hover,.foot_li ul ul li a:focus{ color: #327DF1;}
.contact_info{ display: inline-block; vertical-align: top; margin-right: 10px; color: #999;}
.label_contact{font-size:14px; color: #999; margin-top: 2px;}
.num_contact{ font-size: 24px; color: #999; font-weight:bolder; margin: 2px 0 15px 0;}
.footer-servies{ margin-top: 30px;}
.company_adress{ margin-top: 25px;  padding-right: 10px; float: right}
.company_adress img{ vertical-align: top; margin: 2px 0 0 8px;}
.company_adress span{ display:inline-block;font-size:14px; color: #999; margin-left: 8px; vertical-align: top;letter-spacing:1px;}
.footer .row{ border-bottom: 1px solid #DBDBDB; padding-bottom: 50px;}
.foot_bottom{ background: #F9F9F9; padding: 35px 0; text-align: center; font-size: 14px; color: #888;}
.foot_bottom div{ margin-top: 5px;}
.footer .container{ padding-bottom: 0;}
.contact_info .text-center img{ margin: 0 2px 3px 0;}
.contact_info > img{ width: 120px;}
.copyrights{ padding: 20px 0; color: #545F6B;}
.copyrights .col-xs-12{ width: 100%\9;}
.copyrights .col-md-2{ width: 16.66666667%\9;}
.copyrights .col-md-6{ width: 50%\9;}
.copyrights .col-md-4{ width: 33.33333333%\9;}
@media only screen and (max-width: 768px){
    .footer-servies{ text-align: center;}
    .company_adress{ float: none; text-align: center}
    .company_own{ text-align: center;padding-top: 10px;}
    .copyrights  .col-xs-12{ width: 100%; text-align: center; padding-bottom: 10px; float: none; color: #545F6B; font-size: 13px;}
    .foot_li dl.col-xs-3{ padding-left: 5%;}
    .contact_info > img{ width: 100px; margin-bottom: 5px;}
}
@media only screen and (max-width: 600px){
    .footer-servies .text-left,.company_adress{ display: none;}
    .footer .row{ padding-bottom: 20px;}
    .company_adress img{ display: none;}
    .foot_li dl.col-xs-3{ padding-left: 15px;}
}


.param_A{padding-top: 15px;}

.param_A .nav-tabs{
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    margin: 40px 0;
}
.param_A .nav-tabs > li{
    margin-bottom: 0;
    margin: 15px 0;
    border-right:1px solid #ddd;
}
.param_A .nav-tabs > li:last-child{
    border: 0;
}

.param_A .nav-tabs > li > a {
    font-size: 16px;
    margin:0;
    padding: 0 15px;
    line-height: 1.42857143;
    border: 0;
    border-radius: 0;
    color: #666;
}

.param_A .nav-tabs > li.active > a,
.param_A .nav-tabs > li.active > a:hover,
.param_A .nav-tabs > li.active > a:focus {
    color: #327df1;
    cursor: default;
    background-color: transparent;
    border: 0;
}

.param_A h2.rl_tabs-title{ display: none; }
.param_A.nav-tabs>li>a:hover{background:none;color:#327df1;}


.product_describe{ font-size: 16px; color: #666; margin-bottom: 30px;line-height:1.6;}
.product_title{ font-size: 18px; color:#333; font-weight: bold; margin-bottom: 10px;}
.product_txt_detail{ font-size: 14px; color: #666; margin-bottom: 45px;line-height:1.6;}
.resource_down{ padding: 0 0 40px 0;}
.resource_down a{ color: #327DF1;display: block; padding: 10px; border: 1px solid #ddd; display: inline-block; border-radius: 3px;}
.resource_down img,.resource_down div{ vertical-align: middle; display: inline-block;}
.resource_down div{ color:#666; margin-left: 2px; }
.resource_down a:hover{ border: 1px solid #327DF1;}
.product_txt{margin-top: 35px;}

/*客服css*/
.online_service{ position: fixed; bottom: 180px; right: 20px; opacity: 1; cursor: pointer;}
.online_service span{ display: none; margin-left: 10px; color: #fff;}
.online_service:hover{ background:#327DF1;}
.online_service:hover span{ display: inline-block;}
.choose_way{ margin: 50px 0;}
.choose_way .divs{ display: inline-block; cursor: pointer; margin-left:70px; color:#000000; }
.choose_way .service_bg{ background:#EBF2FC;width: 110px; height: 110px;margin-bottom: 15px }
.service_bg img{ margin-top: 40px;}
.custorm_info em{ color: red; font-style: normal;margin-right: 3px;}
.custorm_info label{ margin-right: 0; padding-right: 0;font-weight: normal;}
.custorm_info .form-control{box-shadow:none; border: 1px solid #ECECEC;height: 40px;}
.custorm_info .form-group{ margin-top: 25px;}
.bak{ color: #999; margin-left: 11%;}
.btn_service{ margin: 30px 0 20px 0;}
.btn_service .btn-primary,.btn_service .btn-primary:hover,.btn_service .btn-primary:focus{
    background: #327DF1;border: 1px solid #327DF1;border-radius: 2px;
}

.modal-open .head_top{padding-right:17px;}