/* padding-top:50px; 'Segoe UI', 'Microsoft YaHei', Arial,​ Verdana, Arial,​ 'Open Sans', sans-serif !important*/
body {
    font-family: 'Microsoft YaHei', 'Segoe UI', Arial, sans-serif;
    color:#000;
    background:#FFF;
}

button { outline:none; }

.col-center-block {
    float:none;
    display:block;
    margin:0 auto;
}

.tab-content .table {
    display:inline-table;
    font-weight:600;
}
.tab-content .table p {
    margin:0;
    padding:0;
}

.pagination>li>a, .pagination>li>span {
    color: #efcf8f;
}
.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover {
    background-color: #efcf8f;
    border-color: #efcf8f;
}

/**/
.home-navbar {  /*background: #4d4d4d !important; position: absolute;*/ border: none; margin-bottom: 0; /*border-bottom: 1px solid #FFF;*/ }

.navbar { }

/* margin:0;这个不起作用，优先级不够，padding:0;需要设置 */
.navbar-header    { float:none; }
.navbar-brand     {
    display: inline-block;
    height: auto;
    padding: 21px 15px;
}
.navbar-contact {
    display: inline-block;
    height: auto;
    padding: 36px 15px;
    float: right;
    margin: 0 0 10px;
}
/* .navbar-brand>img { width:100%; } */

.navbar-nav          { /*overflow:hidden;*/ }
.navbar-nav > li     { /*border-left:1px solid #ccc; margin-left:-1px;*/ }
.navbar-nav > li:focus > a,
.navbar-nav > li:hover > a,
.navbar-nav > li:focus,
.navbar-nav > li:hover {
    background: #d90b18;
    color: #FFF;
}
.navbar-nav > li > a {
    color: #FFF;
    padding: 19px 45px;
    font-size:16px;
    /*font-family: "arial", "roboto-regular", sans-serif;*/
}

.navbar .navbar-nav > li > a { color:#FFF; outline:medium none; }
.navbar .navbar-nav > li > a:focus,
.navbar .navbar-nav > li > a:hover {
    background: #d90b18;
    color:#FFF;
}

/*.navbar-nav > li:last-child {
    background: url(../images/phone-icon.jpg) no-repeat scroll 0% 50%;
    text-indent: 1em;
    !*margin-right: 70px;*!
}
.navbar-nav > li:last-child:focus,
.navbar-nav > li:last-child:hover,
.navbar-nav > li:last-child > a:focus,
.navbar-nav > li:last-child > a:hover {
    background: url(../images/phone-icon.jpg) no-repeat scroll 0% 50%;
}*/

.navbar .navbar-nav > .active > a,
.navbar .navbar-nav > .active > a:focus,
.navbar .navbar-nav > .active > a:hover {
    background: #d90b18;
    color:#FFF;
}

.subnav { display:none; list-style:none; margin:0; /*width:150%;*/ background:#666; position:fixed; top:80px; padding:0px; }
.subnav > li { list-style:none; margin:0; display: inline-block; position: relative; /* 重要！和thirdnav的定位有关 */ }
.subnav > li h4 { }
.subnav > li a { display:block; font-family:"roboto-regular", sans-serif; color:#FFF; position:relative; padding: 16px 29px; }
.subnav > li:hover > a,
.subnav > li > a:hover { background: #ef6940; color: #FFF; text-decoration:none; }

.thirdnav { display:none; list-style:none; margin:0; width:100%; background:#ef6940; position:absolute; top:0px; left: 100%; padding:0px; }
.thirdnav > li { list-style:none; margin:0; }
.thirdnav > li h4 { }
.thirdnav > li a { display:block; font-family:"roboto-regular", sans-serif; color:#111; position:relative; padding:10px 15px; }
.thirdnav > li > a:hover { background:#222; color:#FFF; text-decoration:none; }

/**/
.navbar-product {
    margin-top: 20px;
}
.navbar-product li.navbar-product-li {
    border: 1px solid #bd262a;
    display: inline-block;
    height: 42px;
}
.navbar-product li a.navbar-product-a {
    display: inline-block; background: #ef6940; width: 300px; padding: 10px 15px;
}

.navbar-product li a.navbar-product-a p.pull-left {
    display: inline-block; margin: 0; color: #111; font-size: 14px;
}
.navbar-product li a.navbar-product-a p.pull-right {
    display: inline-block; margin: 0; color: #111;
}

.navbar-product .navbar-icon .icon-bar {
    display: block;
    width: 22px;
    height: 2px;
    border-radius: 1px;
    background: #111;
    margin: 3px auto;
}

.navbar-product .subnav {
    top: 41px;
    /*left: 1px;*/
    padding: 0;
    width: 100%;
    border: 1px solid transparent;
    background: #ef6940;
}
.navbar-product .subnav .thirdnav {
    left: -100%;
}

/* */
.home-pros-bg { background: #f4f2f3; }
.home-pros-box { }

/*.home-pros-title { margin: 25px auto 25px; }
.home-pros-title h2 { color: #ea5532; font-size: 30px; text-align: center; }
.home-pros-title p { color: #848484; font-size: 12px; text-align: center;}*/

.home-pros { }
.home-pros .inner { padding: 0; background: #FFF; margin: 3em 0; }
.home-pros .inner > a { color: #000; }
.home-pros p.title { text-align: center; font-weight: bold; }
.home-pros p.img { text-align: center; }
.home-pros p.img img {
    margin: 0 auto;
    display: inline-block;
    max-width: 100%;
	height:240px;
}
.home-pros div h4 {
    text-align: center;
    font-weight: bold;
    font-size: 16px;
}
.home-pros p.cont {
    font-size: 14px;
    color: #636363;
    line-height: 2em;
}

/* */
.home-news-title { margin: 35px auto 0px; text-align: center; position: relative; }
.home-news-title .line {
    border-top: 1px solid #d2d2d2;
    width: 72%;
    display: inline-block;
    position: relative;
    top: -50px;
}

.home-news-title h2 {
    color: #9d9d9d;
    font-size: 40px; font-weight: bold;
    text-align: center;
    margin-bottom: 0px;

    background: #FFF;
    display: inline-block;
    position: relative;
    z-index: 10;
    padding: 0 50px;
}
.home-news-title p {
    color: #000;
    font-size: 25px;
    text-align: center;
}

.home-news-box { margin-bottom: 3em; }
/*.home-news { color: #3d3d3d; padding: 1em 0 4em 0em; }
.home-news:nth-child(even) { border-left: 2px solid #ccc; padding-left: 40px; }

.home-news-left { padding: 0; }
.home-news-right { padding: 0 15px 0 0; }*/

.home-news { margin-bottom: 2em; }
.home-news .inner { border: 1px solid #ededed; padding: 15px; }

.home-news .news-time { background: #d3d3d3; display: inline-block; text-align: center; }
.home-news .news-time h4 { font-size: 30px; border-bottom: 2px solid #3d3d3d; padding: 0 10px 10px; }
.home-news .news-time p { font-size: 14px; padding: 0 10px; }

.home-news .news-cont { }
.home-news .news-cont p { font-size: 14px; line-height: 2em; }

.home-news .news-cont h3 { font-size: 18px; font-weight: bold; margin: 0 auto 15px; }
.home-news .news-cont h3 a {
    font-weight: bold; font-size: 20px;
}
.home-news .news-cont p a {
    color: #3d3d3d; display: block; text-align: right; margin-right: 2em;
}
.home-news .news-img img { max-width: 100%; }

/* */
.home-about-bg {
    background: #1a5aa3 url("../images/home-about-bg.jpg") no-repeat scroll 50% 50%;
    padding-bottom: 50px;
}

.home-about { }
.home-about-box .title { font-size: 30px; font-weight: bolder; color: #FFF; margin: 40px 0 30px; }
/*.home-about .title1 { font-size: 24px; color: #FFF; }
.home-about .title2 { font-size: 20px; color: #FFF; }*/

.home-about-cont { /*padding: 2em 2.5em 0em 2.5em;*/ }
.home-about p  { font-size: 14px; color: #FFF; line-height: 2em; }
.home-about img { max-width: 100%; border: 5px solid #5595de; border-radius: 5px; }
.home-about a { font-size: 18px; color: #1457a3; background: #FFF; margin-top: 15px; padding: 10px 30px;  display: inline-block; }

/* */
.footer-box { background: #3d3d3d; min-height: 150px; padding: 45px 0 60px 0; width: 100%; }
.footer-box .footer-nav {
    padding-left: 30px;
    border-right: 1px solid #8a8a8a;
}
.footer-box .footer-contact {
    padding-left: 60px;
}
.footer-box .footer-erweima {
    text-align: center;
}

.footer-box h5 { text-align: left; font-size:16px; color: #fff; padding: 0 0 ; }
.footer-box img { }
.footer-box p { font-size:14px; line-height:2em; color: #f0f0f0; margin:0; }
.footer-box p a { color: #f0f0f0; }


.footer-box-bottom {
    background:#212121;
    color:#FFF;
    font-size:16px;
    line-height: 2em;
}
.footer-box-bottom p { padding: 10px 0; margin: 0; }

.fixedbar { display: none; position:/*absolute*/ fixed; left:0; bottom:0; background:#DA0011; width:100%; height:76px; height:6em; }
.fixedbar ul { margin:0 auto; padding:0; width:100%; min-width:320px; max-width:480px; }
.fixedbar li { float:left; display:inline-block; width:25%; }
.fixedbar li a { color:#FFF; font-weight:bold; display:block; text-align:center; margin:12px 0 8px;  }
/*.fixedbar li a:hover,
.fixedbar li a:focus { text-underline: none; }*/
.fixedbar li a img { display:inline-block; height:36px; }
.fixedbar li a span { display:block; line-height:2em; }
.fixedbar li a span.glyphicon { font-size: 26px; line-height:1.5em; }

/*  */
#main { }
.bg-body { background: #f4f2f3; }

.tn3-thumbs { height:45px; }

.no-padding { padding:0 !important; }
.no-margin { margin:0 !important; }

.border-top { border-top:1px solid #ccc; margin:-1px 0 0 0; }
.border-bottom { border-bottom:1px solid #ccc; margin:0 0 -1px 0; }

/* */
.sidebar-box { border:1px solid #ccc; }

.title-sidebar { background:#0068b9 url("../images/bg-sidebar.jpg") no-repeat scroll 5% 50%; padding:10px 20px; }
.title-sidebar h3 { color:#FFF; font-size: 30px; margin: 15px 0; padding-left: 60px; }
.title-sidebar p { color:#FFF; padding-left: 60px; }

.footer-sidebar { background:#0068b9; padding:15px 20px; text-align: center; }
.footer-sidebar p { color:#FFF; font-size: 16px; }
.footer-sidebar h4 { color:#FFF; font-size: 20px; }
.footer-sidebar a { display: inline-block; color:#FFF; background: #fe330b; font-size: 14px; padding: 5px 25px; }

.nav-sidebar { padding:0; margin:0; }
.nav-sidebar li { /*padding: 1px 0 0 0;*/ border-top: 1px solid #ccc; position: relative; top: -1px; }
.nav-sidebar li a { padding:10px 25px; text-decoration:none; display:block; color: #464646; background: #FFF; font-size: 14px; }

.nav-sidebar li a:focus,
.nav-sidebar li a:hover {
    background: #eee;
}

.nav-sidebar > li > a  { padding:20px 25px; background: #CCC; font-size: 16px; font-weight: bold; }
.nav-sidebar > li > a:focus,
.nav-sidebar > li > a:hover {
    background: #CCC;
}

/*.sidebar-list { padding-left:0; margin:5px 0; }
.sidebar-list a { display:block; border:1px solid #ccc; padding:5px 0; color:#000; text-align:center; }

.sidebar-list.active a { background:#ccc; }*/

/*  */
.breadcrumb-box { color: #FFF; position: relative; }
.breadcrumb-box .row { position: relative; margin-top: -15em; }
.breadcrumb-box h3 { font-size: 24px; }

.breadcrumb { margin:20px auto; }
.breadcrumb { background:transparent; /*border-radius:0px; margin:0 !important;*/ }
.breadcrumb > li:first-child+li:before { color:#FFF; content:'>';/**/ }
.breadcrumb > li+li:before { color:#FFF; content:'>';/**/ }
.breadcrumb > li > a { color:#FFF; font-size:14px; }

/*  */
.tab-group { border:1px solid #d8d8d8; }
.tab-group p { font-family:Arial, sans-serif; }

.tab-group .nav-tabs {}
.tab-group .nav-tabs li { }
.tab-group .nav-tabs li p { margin:0; }
.tab-group .nav-tabs li a { display:inline-block; /*height:30px; line-height:30px;*/ outline:none; border-radius:0px; color:#111; padding:8px 12px; }

.tab-group .nav-tabs li a:focus,
.tab-group .nav-tabs li a:hover,
.tab-group .nav-tabs li.active a { background:#aaa; border-color:#d8d8d8; color:#FFF; }

.tab-group .tab-content { padding:1em 2em; line-height:2em; }
.tab-group .tab-content .tab-pane { min-height:420px; }

/*  */
.panel-group {}

.panel-group .panel-default { border-radius:0px !important; }
.panel-group .panel-body { min-height:350px; }


/*  */
.slider-pros { /*margin:2em auto 4.5em;*/ margin-bottom:0; padding:1em 3em; }
.slider-pros .pros-item { }
.slider-pros .home-pro-img { padding:0 0.5em; margin:0; }

.slider-pros .pros-image { display:block; }
.slider-pros .pros-image img { display:inline-block; width:100%; max-width:120px; }
/*  */
.slider-pros .slick-prev { background:rgba(0, 0, 0, 0) url("../images/prev.jpg") no-repeat scroll 0 0; width:22px; height:44px;  /*left:-62px; */margin-top:-24px; left:0px; }
.slider-pros .slick-next { background:rgba(0, 0, 0, 0) url("../images/next.jpg") no-repeat scroll 0 0; width:22px; height:44px; /*right:-62px; */margin-top:-24px; right:0px; }
.slider-pros .slick-prev::before,
.slider-pros .slick-next::before { font-size:30px; color:#999; content:""; }
/*  */
.slider-pros .slick-dots { bottom:-3em; left:0; }
.slider-pros .slick-dots li button::before { font-size:14px; }


/*  */
.slider-pros2 { /*margin:2em auto 4.5em;*/ margin-top: 20px; /*padding:0;*/ }
.slider-pros2 .pros-item { }
.slider-pros2 .home-pro-img { padding:0 0.5em; margin:0; }

.slider-pros2 .pros-image { display:inline-block; color: #111; margin:10px; /*overflow:hidden;*/ }
.slider-pros2 .pros-image img { display:inline-block; width:100%; border: 1px solid #ccc; }
/*  */
.slider-pros2 .slick-prev { background:rgba(0, 0, 0, 0) url("../images/prev2.jpg") no-repeat scroll 0 0; width:26px; height:40px; margin-top:-20px; left: -40px; }
.slider-pros2 .slick-next { background:rgba(0, 0, 0, 0) url("../images/next2.jpg") no-repeat scroll 0 0; width:26px; height:40px; margin-top:-20px; right: -40px; }
.slider-pros2 .slick-prev::before,
.slider-pros2 .slick-next::before { font-size:30px; color:#999; content:""; }
/*  */
.slider-pros2 .slick-dots { bottom:-3em; left:0; }
.slider-pros2 .slick-dots li button::before { font-size:14px; }


/* */
.doc-box { /*background: #FFF;*/ margin:25px auto; padding: 20px 20px; }

.doc-body { background: #FFF; padding: 20px; }
.doc-body p,
.doc-body div { font-size:16px; line-height: 1.8em; /*margin-bottom: 2em;*/ color: #000; }
.doc-body img { max-width:100%; }

.document-body { }

.pros-body { padding: 0 0 0 30px; }
.pros-body h3 { color: #ea5532; font-size: 30px; font-weight: bold; margin: 10px auto 30px; }
.pros-body p,
.pros-body div { font-size:14px; line-height: 2em; }
.pros-body img { max-width:100%; }

.news-body { padding: 0 0 0 30px; }
.news-body .doc-body { padding: 50px; }
.news-body .news-title { color: #000; font-size: 27px; font-weight: bold; margin-bottom: 30px; }
.news-body .news-info { color: #8f8f8f; font-size: 12px; margin-bottom: 40px; }
.news-body p,
.news-body div { font-size:16px; line-height: 2em; color: #3b3b3b }
.news-body img { max-width:100%; }

/*.faq-body { margin:20px 0; }
.faq-body h3 { margin-bottom:40px; }
.faq-body p { line-height:1.8em; }
.faq-body a { color:#333; }*/

.about-body { padding: 0 0 0 30px; }
.about-body .doc-body { padding: 50px; }
.about-body .doc-body p { }

.contact-body { padding: 0 0 0 30px; }
.contact-body .doc-body p { }

.feedback-body { padding: 0 0 0 30px; }
.feedback-body .doc-body { padding: 50px 100px; }


.certificates-body { padding: 0 0 0 30px; }


/*
.doc-body .table,
.doc-body .table p { font-size:12px; }

.doc-body .table thead tr,
.doc-body .table .firstRow { background:#BBB; }

.table-striped > tbody > tr:nth-of-type(2n+1) {
    background-color:#EEE;
}

.nav-tabs li p {
	border:1px solid #ccc;
    margin:0 5px 0 0;
    padding:5px 15px;
}
*/

/* banner */
.banner-outer { background:url(../images/bg-img.jpg) no-repeat scroll 50% 50%; background-size:100% 100%; }
.banner-inner { height:260px; }

.banner-inner h1 { font-size:43px; color:#FFF; margin:0; padding:2.2em 0 0 0; }
.banner-inner h3 { font-size:30px; color:#FFF; margin:0; padding:0.5em 0 0 0; }
.banner { overflow:hidden; text-align:center; }

.pc-banner { display: block; }
.mobile-banner { display: none; }

/* 幻灯片 .slider-banner 同元素 .slick-slide */
.slick-slide img.slick-loading { border:0; }

/* */
.slider-banner { margin:0 auto; }
.slider-banner .banner-item { }
.slider-banner .banner-image { padding:0px; text-align:center; }
.slider-banner .banner-image img { display:block; width:100%; }
/* */
.slider-banner .slick-prev,
.slider-banner .slick-next { width:28px; height:26px; }

.slider-banner .slick-prev {  left:25px; }
.slider-banner .slick-next { right:25px; }
.slider-banner .slick-prev::before,
.slider-banner .slick-next::before { font-size:40px; }
/* */
.slider-banner .slick-dots { bottom:0px; }
.slider-banner .slick-dots li button::before { font-size:16px; color:#FFF; }


/* border-radius:50%;
.slider-pros { margin:0; }
.slider-pros .pros-item { }
.slider-pros .pros-item p { line-height:2em; }

.slider-pros .pros-image { display:inline-block; border:1px solid #ccc; margin:10px; overflow:hidden; }
.slider-pros .pros-image img { display:inline-block; width:100%; }*/

.slider-pros .pros-image { display:inline-block; border:1px solid #ccc; margin:10px; overflow:hidden; }
.slider-pros .pros-image img { display:inline-block; width:100%; }

/* */
.slider-pros .slick-prev { background:rgba(0, 0, 0, 0) url("../images/prev.jpg") no-repeat scroll 0 0; width:22px; height:51px; margin-top:-40px; left:-60px; }
.slider-pros .slick-next { background:rgba(0, 0, 0, 0) url("../images/next.jpg") no-repeat scroll 0 0; width:22px; height:51px; margin-top:-40px; right:-60px; }
.slider-pros .slick-prev::before,
.slider-pros .slick-next::before { font-size:30px; color:#999; content:""; }
/*
.slider-pros .slick-dots { bottom:-3em; }
.slider-pros .slick-dots li button::before { font-size:14px; }*/

/*  */
.pros-list { list-style:none; }
.pros-list li { list-style:none; /*padding: 0px;*/ margin-bottom: 4em; }
/*.pros-list li:hover,
.pros-list li:focus { background: #f4f4f4; cursor: pointer; }*/
.pros-list li .title { font-size: 14px; color: #000; margin: 20px auto 20px; height: 2em; }
.pros-list li .desc { font-size: 14px; color: #414141; }
.pros-list li .address { line-height: 2em; }
.pros-list li .address .dianhua { color: #e7c58f; font-size: 24px; }
.pros-list li img { max-width: 100%; height: 240px; }

.pros-list li a { display:inline-block; color:#333; background: #FFF; text-align: center; }
.pros-list li span { display:inline-block; padding-right:1em; font-size:12px; }
.pros-list li a.btn { color:#FFF; font-size:12px; border-radius:0px; }
.pros-list li a.btn:hover,
.pros-list li a.btn:focus { color:#FFF; }


/*  */
.pics-list { list-style:none; }
.pics-list li { list-style:none; /*padding: 0px;*/ margin-bottom: 4em; }
.pros-list li a { /*display:inline-block;*/ }


/*  */
.news-list { list-style:none; background: #FFF; line-height: 1.5em; padding: 0; /*margin-left: 15px;*/ }
.news-list li { list-style:none; padding: 15px 30px; }
.news-list li:hover,
.news-list li:focus { }

.news-list li h3 a { }
.news-list li a { display:inline-block; color:#000; font-size: 18px; font-weight: bold; }
.news-list li p.desc,
.news-list li p.time { color: #5d5d5d; font-size: 14px; margin-bottom: 10px; }
.news-list li p.time { font-style: italic; padding-left: 25px;  background: url("../images/bg-time-icon.jpg") no-repeat 0 50%; }

/* 在线反馈 */
.feedback-form {}
.feedback-form .row > div { margin-bottom:20px; }
.feedback-form .form-group { position:relative; margin-bottom:10px; }
.feedback-form .input-group { position:static; }

.feedback-form .form-group label { font-size:16px; font-weight: normal;
    /*padding: 5px 5px 5px 15px;*/

    padding: 10px 0px 10px 20px;
}
.feedback-form .form-group.tip { padding:5px 0 0 0; margin:5px 15px; }
.feedback-form .form-group.tip label { font-weight:400; }

.feedback-form .form-group input,
.feedback-form .form-group textarea { border-radius:0; border: none; box-shadow: none; border-bottom: 1px solid #DDD;  }
.feedback-form .form-group input:focus { box-shadow: none; }

.feedback-form .form-group button { font-size:16px; padding:10px 25px; background: #58b3e1; color: #FFF; }

.feedback-form .input-group-addon { padding:0; border: none; border-radius:0px; }
.feedback-form .input-group-addon img { }

.feedback-form .form-group { clear:both;
    padding: 0px;
    position: relative;
}
.feedback-form .form-control { font-size:14px; border-radius:0px;
    padding: 6px 12px;
    margin: 5px;
}
.feedback-form .verifytxt { height:40px; border-radius:0px; }
.feedback-form .bi_tian { color:red; }

.feedback-form .form-group,
.feedback-form .control-label,
.feedback-form .form-control { background: #ecebf0; }

.feedback-form .submit_feedback { background: #858585; color: #FFF; border-radius:0px; padding: 10px 35px; }

/* */
.form-control:focus {
    /*-webkit-box-shadow:none;
    box-shadow:0px 1px 0px #ddd inset;
    border-top:1px solid #7c7c7c;
    border-left:1px solid #c3c3c3;
    border-right:1px solid #c3c3c3;
    border-bottom:1px solid #ddd;*/
}
.form-control {
    /*box-shadow:0px 1px 0px #ddd inset;
    border-top:1px solid #7c7c7c;
    border-left:1px solid #c3c3c3;
    border-right:1px solid #c3c3c3;
    border-bottom:1px solid #ddd;*/
}

.n-left  .msg-wrap { left:0; }
.n-right .msg-wrap { right:0;  }

/*.n-top    .msg-wrap { top:0; }
.n-bottom .msg-wrap { bottom:0; }*/
.n-default .n-left { right: 0; }
.n-default .n-right { left: 0; }

.n-default .n-left,
.n-default .n-right { margin:0; position: absolute; }


.navbar-language {
    display: inline-block;
    height: auto;
    padding: 60px 15px 0;
    float: right;
}
.navbar-language li {
    display: inline-block;
    padding-right: 2em;
}
.navbar-language li a {
    display: inline-block;
    text-decoration: none;
    color: #111;
}

/*
 * Off Canvas
 * --------------------------------------------------
 */
@media screen and (max-width:767px) {
    /*.banner-bg {
        background-size: 200%;
    }*/

    .row-offcanvas {
        position:relative;
        -webkit-transition:all .25s ease-out;
        -o-transition:all .25s ease-out;
        transition:all .25s ease-out;
    }

    .row-offcanvas-right {
        right:0;
    }
    .row-offcanvas-left {
        left:0;
    }

    .row-offcanvas-right
    .sidebar-offcanvas {
        right:-50%; /* 6 columns */ /*display:none;*/
    }
    .row-offcanvas-left
    .sidebar-offcanvas {
        /*left:-50%;  6 columns */ /*display:none;*/
        left:-70%;
    }

    .row-offcanvas-right.active {
        right:50%; /* 6 columns */
    }
    .row-offcanvas-left.active {
        /*left:50%;  6 columns */
        left:70%;
    }

    /*.navbar-nav > li:last-child { display: none }*/
    .sidebar-offcanvas {
        /*display: none;*/
        position:absolute;
        top:0;
        /*width:50%;  6 columns */
        width:65%;
        z-index:11;
    }
    .sidebar-offcanvas .nav-sidebar { /*padding-left:10px;*/ }

    /* 上面display:none;可以和这里对应使用
    .row-offcanvas-left.active
    .sidebar-offcanvas,
    .row-offcanvas-right.active
    .sidebar-offcanvas { display:block; }
    */

}

@media (max-width:767px) {
    .navbar-desc { display:none; }
    .navbar { margin-bottom:0px; }

    .tab-group .tab-content { padding:1em; line-height:1.5em; }
    .tab-group .tab-content .tab-pane { min-height:300px; }

    .albums-box { margin-top:10px; }

    .navbar-contact,
    .navbar-product { display: none; }
    /*.navbar-default .navbar-collapse { background: #ef6940; }*/

    .home-pros .inner { margin: 2em 0; }
    /*.home-pros { padding-bottom: 2em; }*/
    .footer-box .footer-erweima { text-align: left; padding-left: 30px; }

    .home-news .news-cont { padding-left: 15px; }

    .nav-sidebar li a { padding: 10px 15px; }
    .title-sidebar h3 { font-size: 24px; }
    .title-sidebar p { font-size: 12px; }

    .doc-box { padding: 0; }
    .doc-body { min-height: 700px; }

    .about-body { padding: 0 10px; }
    .about-body .doc-body { padding: 20px; }

    .pros-body { padding: 0; }

    .news-body { padding: 0; }
    .news-body .news-list { margin-left:0; }
    .news-body .doc-body { padding: 20px; }

    .contact-body { padding: 0; }
    .contact-body .doc-body { padding: 20px; }

    .certificates-body { padding: 0; }
    .certificates-body .doc-body { padding: 20px; }

    .fixedbar { display: block; }

    .pc-banner { display: none; }
    .mobile-banner { display: block; }

    .navbar-language { display: none; }
    .language-nav { display: block; }
}

@media (min-width:768px) {
    .navbar-language { display: block; }
    .language-nav { display: none; }

    .pros-desc { min-height: 240px; }

    .navbar-nav > li:focus > .subnav,
    .navbar-nav > li:hover > .subnav {
        display:block;
        z-index: 999;
    }

    .subnav > li:focus .thirdnav,
    .subnav > li:hover .thirdnav {
        display:block;
        z-index: 999;
    }

    /*.home-pros-box { margin-bottom: 2em; }*/
    .home-pros { padding-bottom: 5em; }
    .doc-body { min-height: 500px; }

}



/*
 * Media
 * --------------------------------------------------
 */

.fluid-auto { max-width: 1920px; margin: 0 auto; }

.bg-white {
    background: #FFF;
}
.bg-blue {
    background: #0868b2;
}

@media (min-width:1200px) {
    /*body { background:pink; }*/
    /*.fluid-auto { width: 1280px; margin: 0 auto; }*/

    .fluid-1280 { width: 1250px; margin: 0 auto; padding:0 15px; }
    .container-fluid { max-width: 1920px; }

    .navbar-desc .text-left { line-height:6em; }
    /* */
    .navbar           { }

    .navbar-brand     { /*margin-left: 20px; height:82px;*/ }
    .navbar-brand>img { /*width:100%; margin-top:0;*/ }

    .navbar-default .navbar-collapse { /*text-align: center;*/ /*border-bottom:3px solid #FF4B33;*/ }
    .navbar-default .navbar-toggle { /*margin:1.5em 1.5em 0 0;*/ }

    /*.navbar-nav > li:last-child { margin: 0 20px; }*/
    .navbar > li > a { padding:25px 10px; }

    .navbar .menu-nav { /*display: inline-block; float: none;*/ }
    .navbar .language { }
    /* */
    .banner-item .banner-image { height:550px; }
    .banner-bg { height:310px; width:100%; }

    /*.slider-pros .slick-dots { display:none !important; }*/
    .breadcrumb { margin:15px auto 15px; padding-left: 20px; }
}


@media (min-width:992px) and (max-width:1199px) { /*body { background:blue; }*/
    /*.subnav { left:-207px; }*/
    /**/
    .container { width:100%; }
    /* */
    .navbar           { /*height:155px;*/ }

    .navbar-brand     { margin-left:0; /*height:115px; padding:0;*/ }
    .navbar-brand>img { /*width:90%; margin-top:0;*/ }

    .navbar-default .navbar-collapse { /*border-bottom:3px solid #FF4B33;*/ }
    .navbar-default .navbar-toggle { /*margin:1.5em 1.5em 0 0;*/ }

    /*.navbar-nav > li:last-child { margin-right: 0; }*/
    .navbar > li > a { padding:25px 10px; }

    .navbar .menu-nav { /*margin-left:0px; padding:0;*/ }
    .navbar .menu-nav li { /*padding:0;*/ }

    .navbar .language a { padding:15px 15px;  /*position:absolute; padding:0; margin:0 0 0 -15px; bottom:1em;*/ }
    /* */
    .banner-item .banner-image { height:500px; }
    .banner-bg { height:310px; width:100%; }

    /*.slider-pros .slick-dots { display:none !important; }*/

    .breadcrumb { margin:20px auto; }
}
@media (min-width:768px) and (max-width:991px) { /*body { background:yellow; }*/
    .navbar-desc { margin-top:10px; }
    .navbar-desc > div { margin:10px 0; text-align:right; }
    /* */
    .navbar           { /*height:175px;*/ }

    .navbar-brand     { margin-left:0; /*height:80px; padding:0;*/ }
    .navbar-brand>img { /*width:90%; margin-top:0%;*/ }

    .navbar-default .navbar-collapse { /*border-bottom:3px solid #FF4B33;*/ }
    .navbar-default .navbar-toggle { /*margin:1.5em 1.5em 0 0;*/ }

    .navbar li a { padding:11px 22px; }

    .navbar .menu-nav { /*margin:3px 0 3px 0px; padding:0;*/ }
    .navbar .menu-nav li { /*padding:0;*/ }

    .navbar .language { /*position:absolute; padding:0; margin:0; top:2em; right:2em;*/  }
    /* */
    .banner-item .banner-image { height:450px; background-size: cover !important; }
    .banner-bg { height:310px; width:100%; }

    .slider-pros .slick-prev,
    .slider-pros .slick-next { display:none !important; }

    /* */
    .home-news,
    .home-news:nth-child(even) { padding-left: 20px; border-left:none; }

    .breadcrumb-box .row { margin-top: -10em; }
    .footer-box .footer-contact { padding-left:30px; }

    .n-left  .msg-wrap { left: inherit; }
    .n-right .msg-wrap { right: inherit; }
}


@media (min-width:480px) and (max-width:767px) { /*body { background-color:orange; }*/
    /*.navbar-default { overflow:hidden; }*/
    /* */
    .navbar           { /*height:78px;*/ }

    .navbar-brand     { margin-left:0; padding:0; /*width:80%;*/ }
    .navbar-brand>img { padding: 15px; width: 70%; }

    .navbar-nav.pull-right { float: none!important; }
    .navbar-nav > li > a { padding: 15px; }

    /* */
    .navbar-default .navbar-collapse { /*border-bottom:3px solid #FF4B33;*/ }
    .navbar-default .navbar-toggle { margin:1.5em 1.5em 0 0; }

    /* */
    .banner-item .banner-image { height:250px; background-size: cover !important; }
    .banner-bg { height:200px; width:100%; background-size: cover; }

    .slider-pros .slick-prev,
    .slider-pros .slick-next { display:none !important; }

    /* */
    /*.home-news,
    .home-news:nth-child(even) { padding-left: 20px; }

    .breadcrumb-box .row { margin-top: -10em; }
    .footer-box .footer-contact { padding-left:30px; }*/

    .n-left  .msg-wrap { left: inherit; }
    .n-right .msg-wrap { right: inherit; }
}
@media screen and (max-width:480px) { /*body { background-color:purple; }*/
    /*.navbar-default { overflow:hidden; }*/
    /* */
    .navbar       { /*height:66px;*/ }

    .navbar-brand { margin-left:0; padding:0; /*width:80%;*/ }
    .navbar-brand>img { padding: 10px; width: 70%; }

    .navbar-nav.pull-right { float: none!important; }
    .navbar-nav > li > a { padding: 15px; }

    /* */
    .navbar-default .navbar-collapse { /*border-bottom:3px solid #FF4B33;*/ }
    .navbar-default .navbar-toggle { margin:1em 1em 0 0; }

    /* */
    .banner-item .banner-image { height:250px; background-size: cover !important; }
    .banner-bg { height:160px; width:100%; background-size: cover; }

    .slider-pros .slick-prev,
    .slider-pros .slick-next { display:none !important; }

    /* */
    /*.home-news,
    .home-news:nth-child(even) { padding-left: 20px; }

    .breadcrumb-box .row { margin-top: -10em; }
    .footer-box .footer-contact { padding-left:30px; }*/

    .n-left  .msg-wrap { left: inherit; }
    .n-right .msg-wrap { right: inherit; }
}