/*  */
@font-face {
    font-family:"Roboto-Black";
    font-style:normal;
    font-weight:normal;
    src:url('../fonts/Roboto-Black.eot'); /* IE9 Compat Modes */
    src:url('../fonts/Roboto-Black.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../fonts/Roboto-Black.woff') format('woff'), /* Modern Browsers */
    url('../fonts/Roboto-Black.ttf') format('truetype'), /* Safari, Android, iOS */
    url('../fonts/Roboto-Black.svg#arial') format('svg'); /* Legacy iOS */
}
@font-face {
    font-family:"Roboto-BlackItalic";
    font-style:normal;
    font-weight:normal;
    src:url('../fonts/Roboto-BlackItalic.eot'); /* IE9 Compat Modes */
    src:url('../fonts/Roboto-BlackItalic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../fonts/Roboto-BlackItalic.woff') format('woff'), /* Modern Browsers */
    url('../fonts/Roboto-BlackItalic.ttf') format('truetype'), /* Safari, Android, iOS */
    url('../fonts/Roboto-BlackItalic.svg#arial') format('svg'); /* Legacy iOS */
}
@font-face {
    font-family:"Roboto-Bold";
    font-style:normal;
    font-weight:normal;
    src:url('../fonts/Roboto-Bold.eot'); /* IE9 Compat Modes */
    src:url('../fonts/Roboto-Bold.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../fonts/Roboto-Bold.woff') format('woff'), /* Modern Browsers */
    url('../fonts/Roboto-Bold.ttf') format('truetype'), /* Safari, Android, iOS */
    url('../fonts/Roboto-Bold.svg#arial') format('svg'); /* Legacy iOS */
}
@font-face {
    font-family:"Roboto-BoldCondensed";
    font-style:normal;
    font-weight:normal;
    src:url('../fonts/Roboto-BoldCondensed.eot'); /* IE9 Compat Modes */
    src:url('../fonts/Roboto-BoldCondensed.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../fonts/Roboto-BoldCondensed.woff') format('woff'), /* Modern Browsers */
    url('../fonts/Roboto-BoldCondensed.ttf') format('truetype'), /* Safari, Android, iOS */
    url('../fonts/Roboto-BoldCondensed.svg#arial') format('svg'); /* Legacy iOS */
}
@font-face {
    font-family:"Roboto-BoldCondensedItalic";
    font-style:normal;
    font-weight:normal;
    src:url('../fonts/Roboto-BoldCondensedItalic.eot'); /* IE9 Compat Modes */
    src:url('../fonts/Roboto-BoldCondensedItalic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../fonts/Roboto-BoldCondensedItalic.woff') format('woff'), /* Modern Browsers */
    url('../fonts/Roboto-BoldCondensedItalic.ttf') format('truetype'), /* Safari, Android, iOS */
    url('../fonts/Roboto-BoldCondensedItalic.svg#arial') format('svg'); /* Legacy iOS */
}
@font-face {
    font-family:"Roboto-Bold";
    font-style:normal;
    font-weight:normal;
    src:url('../fonts/Roboto-BoldItalic.eot'); /* IE9 Compat Modes */
    src:url('../fonts/Roboto-BoldItalic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../fonts/Roboto-BoldItalic.woff') format('woff'), /* Modern Browsers */
    url('../fonts/Roboto-BoldItalic.ttf') format('truetype'), /* Safari, Android, iOS */
    url('../fonts/Roboto-BoldItalic.svg#arial') format('svg'); /* Legacy iOS */
}
@font-face {
    font-family:"Roboto-Condensed";
    font-style:normal;
    font-weight:normal;
    src:url('../fonts/Roboto-Condensed.eot'); /* IE9 Compat Modes */
    src:url('../fonts/Roboto-Condensed.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../fonts/Roboto-Condensed.woff') format('woff'), /* Modern Browsers */
    url('../fonts/Roboto-Condensed.ttf') format('truetype'), /* Safari, Android, iOS */
    url('../fonts/Roboto-Condensed.svg#arial') format('svg'); /* Legacy iOS */
}
@font-face {
    font-family:"Roboto-CondensedItalic";
    font-style:normal;
    font-weight:normal;
    src:url('../fonts/Roboto-CondensedItalic.eot'); /* IE9 Compat Modes */
    src:url('../fonts/Roboto-CondensedItalic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../fonts/Roboto-CondensedItalic.woff') format('woff'), /* Modern Browsers */
    url('../fonts/Roboto-CondensedItalic.ttf') format('truetype'), /* Safari, Android, iOS */
    url('../fonts/Roboto-CondensedItalic.svg#arial') format('svg'); /* Legacy iOS */
}
@font-face {
    font-family:"Roboto-Italic";
    font-style:normal;
    font-weight:normal;
    src:url('../fonts/Roboto-Italic.eot'); /* IE9 Compat Modes */
    src:url('../fonts/Roboto-Italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../fonts/Roboto-Italic.woff') format('woff'), /* Modern Browsers */
    url('../fonts/Roboto-Italic.ttf') format('truetype'), /* Safari, Android, iOS */
    url('../fonts/Roboto-Italic.svg#arial') format('svg'); /* Legacy iOS */
}
@font-face {
    font-family:"Roboto-Light";
    font-style:normal;
    font-weight:normal;
    src:url('../fonts/Roboto-Light.eot'); /* IE9 Compat Modes */
    src:url('../fonts/Roboto-Light.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../fonts/Roboto-Light.woff') format('woff'), /* Modern Browsers */
    url('../fonts/Roboto-Light.ttf') format('truetype'), /* Safari, Android, iOS */
    url('../fonts/Roboto-Light.svg#arial') format('svg'); /* Legacy iOS */
}
@font-face {
    font-family:"Roboto-LightItalic";
    font-style:normal;
    font-weight:normal;
    src:url('../fonts/Roboto-LightItalic.eot'); /* IE9 Compat Modes */
    src:url('../fonts/Roboto-LightItalic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../fonts/Roboto-LightItalic.woff') format('woff'), /* Modern Browsers */
    url('../fonts/Roboto-LightItalic.ttf') format('truetype'), /* Safari, Android, iOS */
    url('../fonts/Roboto-LightItalic.svg#arial') format('svg'); /* Legacy iOS */
}
@font-face {
    font-family:"Roboto-Medium";
    font-style:normal;
    font-weight:normal;
    src:url('../fonts/Roboto-Medium.eot'); /* IE9 Compat Modes */
    src:url('../fonts/Roboto-Medium.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../fonts/Roboto-Medium.woff') format('woff'), /* Modern Browsers */
    url('../fonts/Roboto-Medium.ttf') format('truetype'), /* Safari, Android, iOS */
    url('../fonts/Roboto-Medium.svg#arial') format('svg'); /* Legacy iOS */
}
@font-face {
    font-family:"Roboto-MediumItalic";
    font-style:normal;
    font-weight:normal;
    src:url('../fonts/Roboto-MediumItalic.eot'); /* IE9 Compat Modes */
    src:url('../fonts/Roboto-MediumItalic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../fonts/Roboto-MediumItalic.woff') format('woff'), /* Modern Browsers */
    url('../fonts/Roboto-MediumItalic.ttf') format('truetype'), /* Safari, Android, iOS */
    url('../fonts/Roboto-MediumItalic.svg#arial') format('svg'); /* Legacy iOS */
}
@font-face {
    font-family:"Roboto-Regular";
    font-style:normal;
    font-weight:normal;
    src:url('../fonts/Roboto-Regular.eot'); /* IE9 Compat Modes */
    src:url('../fonts/Roboto-Regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../fonts/Roboto-Regular.woff') format('woff'), /* Modern Browsers */
    url('../fonts/Roboto-Regular.ttf') format('truetype'), /* Safari, Android, iOS */
    url('../fonts/Roboto-Regular.svg#arial') format('svg'); /* Legacy iOS */
}
@font-face {
    font-family:"Roboto-Thin";
    font-style:normal;
    font-weight:normal;
    src:url('../fonts/Roboto-Thin.eot'); /* IE9 Compat Modes */
    src:url('../fonts/Roboto-Thin.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../fonts/Roboto-Thin.woff') format('woff'), /* Modern Browsers */
    url('../fonts/Roboto-Thin.ttf') format('truetype'), /* Safari, Android, iOS */
    url('../fonts/Roboto-Thin.svg#arial') format('svg'); /* Legacy iOS */
}
@font-face {
    font-family:"Roboto-Thin";
    font-style:normal;
    font-weight:normal;
    src:url('../fonts/Roboto-ThinItalic.eot'); /* IE9 Compat Modes */
    src:url('../fonts/Roboto-ThinItalic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../fonts/Roboto-ThinItalic.woff') format('woff'), /* Modern Browsers */
    url('../fonts/Roboto-ThinItalic.ttf') format('truetype'), /* Safari, Android, iOS */
    url('../fonts/Roboto-ThinItalic.svg#arial') format('svg'); /* Legacy iOS */
}

/* */
@font-face {
    font-family:'FontAwesome';
    font-weight:normal;
    font-style:normal;
    src:url('../fonts/fontawesome-webfont.eot?v=4.6.3');
    src:url('../fonts/fontawesome-webfont.eot?#iefix&v=4.6.3') format('embedded-opentype'),
    url('../fonts/fontawesome-webfont.woff2?v=4.6.3') format('woff2'),
    url('../fonts/fontawesome-webfont.woff?v=4.6.3') format('woff'),
    url('../fonts/fontawesome-webfont.ttf?v=4.6.3') format('truetype'),
    url('../fonts/fontawesome-webfont.svg?v=4.6.3#fontawesomeregular') format('svg');
}





@-webkit-keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translateY(20px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
    }
}

@-moz-keyframes fadeInUp {
    0% {
        opacity: 0;
        -moz-transform: translateY(20px);
    }

    100% {
        opacity: 1;
        -moz-transform: translateY(0);
    }
}

@-o-keyframes fadeInUp {
    0% {
        opacity: 0;
        -o-transform: translateY(20px);
    }

    100% {
        opacity: 1;
        -o-transform: translateY(0);
    }
}

@keyframes fadeInUp {
    0% {
        opacity: 0;
        transform: translateY(20px);
    }

    100% {
        opacity: 1;
        transform: translateY(0);
    }
}

.fadeInUp {
    -webkit-animation-name: fadeInUp;
    -moz-animation-name: fadeInUp;
    -o-animation-name: fadeInUp;
    animation-name: fadeInUp;
}

@-webkit-keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-20px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
    }
}

@-moz-keyframes fadeInDown {
    0% {
        opacity: 0;
        -moz-transform: translateY(-20px);
    }

    100% {
        opacity: 1;
        -moz-transform: translateY(0);
    }
}

@-o-keyframes fadeInDown {
    0% {
        opacity: 0;
        -o-transform: translateY(-20px);
    }

    100% {
        opacity: 1;
        -o-transform: translateY(0);
    }
}

@keyframes fadeInDown {
    0% {
        opacity: 0;
        transform: translateY(-20px);
    }

    100% {
        opacity: 1;
        transform: translateY(0);
    }
}

.fadeInDown {
    -webkit-animation-name: fadeInDown;
    -moz-animation-name: fadeInDown;
    -o-animation-name: fadeInDown;
    animation-name: fadeInDown;
}

@-webkit-keyframes fadeInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-20px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
    }
}

@-moz-keyframes fadeInLeft {
    0% {
        opacity: 0;
        -moz-transform: translateX(-20px);
    }

    100% {
        opacity: 1;
        -moz-transform: translateX(0);
    }
}

@-o-keyframes fadeInLeft {
    0% {
        opacity: 0;
        -o-transform: translateX(-20px);
    }

    100% {
        opacity: 1;
        -o-transform: translateX(0);
    }
}

@keyframes fadeInLeft {
    0% {
        opacity: 0;
        transform: translateX(-20px);
    }

    100% {
        opacity: 1;
        transform: translateX(0);
    }
}

.fadeInLeft {
    -webkit-animation-name: fadeInLeft;
    -moz-animation-name: fadeInLeft;
    -o-animation-name: fadeInLeft;
    animation-name: fadeInLeft;
}

@-webkit-keyframes fadeInRight {
    0% {
        opacity: 0;
        -webkit-transform: translateX(20px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
    }
}

@-moz-keyframes fadeInRight {
    0% {
        opacity: 0;
        -moz-transform: translateX(20px);
    }

    100% {
        opacity: 1;
        -moz-transform: translateX(0);
    }
}

@-o-keyframes fadeInRight {
    0% {
        opacity: 0;
        -o-transform: translateX(20px);
    }

    100% {
        opacity: 1;
        -o-transform: translateX(0);
    }
}

@keyframes fadeInRight {
    0% {
        opacity: 0;
        transform: translateX(20px);
    }

    100% {
        opacity: 1;
        transform: translateX(0);
    }
}

.fadeInRight {
    -webkit-animation-name: fadeInRight;
    -moz-animation-name: fadeInRight;
    -o-animation-name: fadeInRight;
    animation-name: fadeInRight;
}



.animated {
    -webkit-animation-fill-mode:both;
    -moz-animation-fill-mode:both;
    -ms-animation-fill-mode:both;
    -o-animation-fill-mode:both;
    animation-fill-mode:both;
    -webkit-animation-duration:0.5s;
    -moz-animation-duration:0.5s;
    -ms-animation-duration:0.5s;
    -o-animation-duration:0.5s;
    animation-duration:0.5s;
}
.animated-fadeInUp {
    animation-fill-mode: both;
    animation-duration: 1.5s;
    animation-name: fadeInUp;
    position: relative;
}
.animated-fadeInDown {
    animation-fill-mode: both;
    animation-duration: 1.5s;
    animation-name: fadeInDown;
    position: relative;
}
.animated-fadeInLeft {
    animation-fill-mode: both;
    animation-duration: 1.5s;
    animation-name: fadeInLeft;
    position: relative;
}
.animated-fadeInRight {
    animation-fill-mode: both;
    animation-duration: 1.5s;
    animation-name: fadeInRight;
    position: relative;
}


.animated3 {
    animation-fill-mode: both;
    animation-duration: 0.3s;
    animation-name: fadeInUp;
}
.animated5 {
    animation-fill-mode: both;
    animation-duration: 0.5s;
    animation-name: fadeInUp;
}
.animated6 {
    animation-fill-mode: both;
    animation-duration: 0.6s;
    animation-name: fadeInUp;
}
.animated9 {
    animation-fill-mode: both;
    animation-duration: 0.9s;
    animation-name: fadeInUp;
}
.animated10 {
    animation-fill-mode: both;
    animation-duration: 1s;
    animation-name: fadeInUp;
}
.animated12 {
    animation-fill-mode: both;
    animation-duration: 1.2s;
    animation-name: fadeInUp;
}
.animated15 {
    animation-fill-mode: both;
    animation-duration: 1.5s;
    animation-name: fadeInUp;
}
.animated18 {
    animation-fill-mode: both;
    animation-duration: 1.8s;
    animation-name: fadeInUp;
}
.animated20 {
    animation-fill-mode: both;
    animation-duration: 2s;
    animation-name: fadeInUp;
}
.animated25 {
    animation-fill-mode: both;
    animation-duration: 2.5s;
    animation-name: fadeInUp;
}
.animated30 {
    animation-fill-mode: both;
    animation-duration: 3s;
    animation-name: fadeInUp;
}
.animated35 {
    animation-fill-mode: both;
    animation-duration: 3.5s;
    animation-name: fadeInUp;
}
.animated40 {
    animation-fill-mode: both;
    animation-duration: 4s;
    animation-name: fadeInUp;
}


/*.home-pros-catalogue img,*/
.home-pros-list .pros-image img,
.pros-list li img {
    cursor: pointer;
    transition: all 0.8s;
}

/*.home-pros-catalogue img:hover,*/
.home-pros-list .pros-image img:hover,
.pros-list li img:hover {
    transform: scale(1.1);
}

/* padding-top:50px; 'Segoe UI', 'Microsoft YaHei', Arial,​ Verdana, Arial,​ 'Open Sans', sans-serif !important*/
body {
    font-family: "roboto-regular", Arial, sans-serif;
    color:#000;
    background:#FFF;
}
.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: #b72425;
}
.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover {
    background-color: #b72425;
    border-color: #b72425;
}


/**/
.home-navbar { background: transparent !important; position: absolute; border: none; }

.navbar { }

/* margin:0;这个不起作用，优先级不够，padding:0;需要设置 */
.navbar-header    { /*float:none;*/ }
.navbar-brand     { height:85px; padding:15px; }
/* .navbar-brand>img { width:100%; } */

.navbar-nav          { margin-top: 15px; /*background:#FFF; overflow:hidden;*/ }
.navbar-nav > li     { /*padding:0; border-left:1px solid #ccc; margin-left:-1px;*/ }
.navbar-nav > li > a { padding:25px 15px; font-size:20px; font-family:"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:transparent;
    color:#FFF;
    text-decoration:underline;
}
.navbar .navbar-nav > .active > a,
.navbar .navbar-nav > .active > a:focus,
.navbar .navbar-nav > .active > a:hover {
    background: transparent;
    color:#FFF;
}

.subnav { display:none; list-style:none; margin:0; width:150%; background:#e05053; position:absolute; top:60px; padding:0px; }
.subnav > li { list-style:none; margin:0; position: relative; /* 重要！和thirdnav的定位有关 */ }
.subnav > li h4 { }
.subnav > li a { display:block; font-family:"roboto-regular", sans-serif; color:#111; position:relative; padding:10px 15px; }
.subnav > li:hover > a,
.subnav > li > a:hover { background:#222; color:#FFF; text-decoration:none; }

.thirdnav { display:none; list-style:none; margin:0; width:100%; background:#e05053; 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: #e05053; 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: #e05053;
}
.navbar-product .subnav .thirdnav {
    left: -100%;
}


/* */
.home-about-us { padding: 95px 0 120px 0; }
.home-about-us h3 { font-size: 24px;}
.home-about-us p  { font-size: 14px; line-height: 2em; }
.home-about-us img { max-width: 100%; }

.home-pros-catalogue { padding: 70px 0 40px 0; }
.home-pros-catalogue .line { padding-bottom: 50px; }
.home-pros-catalogue .line span { display: inline-block; width: 200px; height: 3px; background-color: #e23f50; }
.home-pros-catalogue h2 { font-size: 32px; }
.home-pros-catalogue p  { font-size: 22px; padding: 35px 0 70px 0;  }
.home-pros-catalogue a { display: inline-block; overflow: hidden; border-radius: 50% 50% 50% 50%; }
.home-pros-catalogue img { max-width: 100%; }

.home-exhibitions { }
.home-opacity { background-color: rgba(0, 0, 0, 0.3); padding: 20px 40px; }
.home-exhibitions h2 { font-size: 40px; color: #FFF; padding: 60px 0 40px 0; }
.home-exhibitions h3 { font-size: 24px; color: #FFF; padding-bottom: 30px; }
.home-exhibitions p  { font-size: 16px; color: #FFF; line-height: 1.8em; }

.home-pros-list { padding: 70px 0 20px 0; }
.home-pros-list .line { padding-bottom: 90px; }
.home-pros-list .line span { display: inline-block; width: 200px; height: 3px; background-color: #e23f50; }
.home-pros-list h2 { font-size: 32px; }
.home-pros-list p  { font-size: 22px; padding: 20px 0 60px 0;  }
.home-pros-list a.pros-image  { display: inline-block; overflow: hidden; border-radius: 50% 50% 50% 50%; border: 1px solid #ccc; }
.home-pros-list .pros-image img { max-width: 100%; }

.footer-box { padding: 66px 0 0 0; }
.footer-box h4 { font-size:16px; color: #a2a2a2; padding: 0 0 20px 0; }
.footer-box p,
.fb-link a { font-size:16px; line-height:1.8em; color: #e4e4e4; }

.fb-about {}
.fb-about p { padding: 0 0 0 15px; }
.fb-link {}
.fb-link a { }
.fb-contact {}

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

/*  */
/*
.fluid-box { width:100%; background:url(../images/bg-img.jpg) no-repeat scroll 50% 0%; }
.fluid-box .row-offcanvas { }

.white-box { background:#FFF; border:1px solid #ddd; margin-bottom:20px; }
.white-word { color:#FFF; }
.banner-bg { }
*/
#main { min-height:300px; }

.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; }

/* background:#1073b9 url(../images/bg-shu.jpg) no-repeat scroll 20% 50%; */
.title-sidebar { background:#19A176; height:60px; text-align:center; margin:0; padding:1em 0; }

.title-sidebar h3 { color:#FFF; margin:0; }
/*.title-sidebar h4 { font-size:18px; color:#FFF; margin:0;  }*/
/*.title-sidebar p { font-size:13px; color:#FFF; margin:0;  }*/

.circle { list-style-type:circle; color:#999; font-size:18px; margin-left:3em; }
.circle a { color:#333; font-size:14px; }

.nav-sidebar { padding:0; margin:0; }
.nav-sidebar li { padding:0.7em 0; }
.nav-sidebar li a { text-decoration:none; display:block; }

.nav-sidebar li a:focus,
.nav-sidebar li a:hover { color:#1073b9; }

.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 { border-bottom:1px solid #CCC; margin-bottom:2em; }
.breadcrumb-box p { margin:0 !important; padding:0.5em; }
.breadcrumb-box h2 { margin:-8px 0 0; color:#636363; }
.breadcrumb-box h3 { margin:0 !important; margin:0; padding:0.5em; }*/

/*.breadcrumb-box { border-bottom:2px solid #000; padding:1.2em 0; margin-bottom:1.6em; }*/
.breadcrumb-box { margin-bottom:1em; background: #af4c4c; }
.breadcrumb-box h2 { font-family: "roboto-light", Arial, sans-serif; font-size: 36px; color: #FFF; }
/*.breadcrumb-box .breadcrumb { padding-left:5px; }*/



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

.title-category { background:#FFF; display:inline-block; padding:1em 5em; border:0px solid #ccc; }
.title-category h3 { margin:0; font-size:22px; font-weight:600; }
.title-category p  { margin:0; margin-bottom:0.5em; color:#aaa; border-left:5px solid #0074e1; padding:0 0.5em; line-height:1em; }

/*  */
.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; }

/*  */
.albums-box { overflow:hidden; }
.albums-box .slider { margin-bottom:50px; }

.albums-box .slider,
.albums-box .slider img { text-align:center; color:#111; }

.albums-box .slider-nav .slick-slide { margin:0px 5px 10px; }
.albums-box .slider-nav img { width:100%; cursor:pointer; }

.albums-box .slider-for img { max-width:100%; }

/*.slick-slider { margin-bottom:15px; }
.slider-nav .slick-list { border-left:1px solid #ddd; border-right:1px solid #ddd; }*/


/*  */
.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; }

/* */
.doc-body { margin:30px auto 60px; }
/*.doc-body h2 { }*/
.doc-body p  { font-size:16px; }
.doc-body img { max-width:100%; }
.doc-body ol p { font-size:18px; margin-bottom:15px; font-style:normal; }


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

.contact-body {}
.contact-body p { line-height:2em; font-size:14px; }

.myicon-addr   { background:url(../images/bg-icon.jpg) no-repeat scroll 0 -8px; padding-left:40px; line-height: 2em; }
.myicon-mobile { background:url(../images/bg-icon.jpg) no-repeat scroll 0 -46px; padding-left:40px; line-height: 2em; }
.myicon-tel    { background:url(../images/bg-icon.jpg) no-repeat scroll 0 -84px; padding-left:40px; line-height: 2em; }
.myicon-fax    { background:url(../images/bg-icon.jpg) no-repeat scroll 0 -122px; padding-left:40px; line-height: 2em; }
.myicon-site   { background:url(../images/bg-icon.jpg) no-repeat scroll 0 -165px; padding-left:40px; line-height: 2em; }

/*
.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; }

/* 幻灯片 .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; padding:3em 0; }
.pros-list li { list-style:none; max-height: 360px; }
.pros-list li a  { display: block; color: #000; margin:  0 0 60px 0; }
.pros-list li a p {  font-size: 18px; height: 3em; padding: 20px 0 0 0; }
.pros-list li img { display: inline-block; border: 1px solid #ccc; max-width: 100%; max-height: 220px; height: 100%; }

/*  */
.news-list { list-style:none; }
.news-list li { list-style:none; padding:0; margin-bottom:1.5em; border-bottom:1px solid #ccc;  }
.news-list li a { display:inline-block; color:#333; }
.news-list li span { display:inline-block; padding-right:1em; font-size:12px; }
.news-list li a.btn { color:#FFF; font-size:12px; border-radius:0px; }
.news-list li a.btn:hover,
.news-list li a.btn:focus { color:#FFF; }

.news-list .news-list-time { margin:1em 0; color:#cacaca; text-align:center; border-right:0px solid #ccc; }
.news-list .news-list-body {}
.news-list .news-list-body h5 a { color:#111111; font-weight:600; }

.news-list .news-list-body p { padding-top:5em; }

/* 在线反馈
.feedback-form {}
.feedback-form .row { margin:10px 0 30px; }

.feedback-form  label { display:inline-block; text-align:right; white-space:nowrap; width:100px; }
.feedback-form .input { border:1px solid #e9e9e9; padding:5px; width:260px; }
.feedback-form  select { }
.feedback-form  textarea {border:1px solid #e9e9e9; padding:5px; height:180px; width:400px; }

.feedback-form .tips { color:#D10329; }
.feedback-form .bi_tian { color:#D10329; }

.feedback-form .verify { display:inline-block; }
.feedback-form .verifycode,
.feedback-form .verifytxt { width:150px; }

.feedback-form .submit_btn { border:none; padding:8px 32px; background:#eee; margin-left:23%; }
*/
.feedback-form {}
.feedback-form .form-group { position:relative; margin-bottom:30px; }
.feedback-form .input-group { position:static; }
/*.feedback-form .msg-box { position:absolute; left:1em; bottom:3px; }
.feedback-form .msg-wrap { position:relative !important; }*/ /*right:0; top:0;*/

.feedback-form .form-group label { font-size:12px; /*font-weight:400;*/ }
.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; }

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

.feedback-form .input-group-addon { padding:0; }
.feedback-form .input-group-addon img { }


.feedback-form .form-group { clear:both; }
.feedback-form .form-control { min-height: 58px; /*padding: 16px 12px;*/ font-size:16px;  }
.feedback-form .verifytxt { height:34px; }
.feedback-form .bi_tian { color:red; }

/*.modal-dialog .feedback-form .form-group button { padding:6px 12px; }*/

.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, .n-default .n-right { margin:0; }

button { outline:none; }
.btn-p1 { clear:both; background-color:#7fa043; padding:1em 2em; border-radius:0; font-weight:600; font-size:18px; margin-top:3em; background:url(../images/btn-pdf.jpg) no-repeat scroll 0 0; border:none; width:148px; height:67px; }
.btn-p2 { clear:both; background-color:#7fa043; padding:1em 2em; border-radius:0; font-weight:600; font-size:18px; margin-top:1em; }

/*
 * Off Canvas
 * --------------------------------------------------
 */
@media screen and (max-width:767px) {
    .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:-60%;
    }

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

    .sidebar-offcanvas {
        position:absolute;
        top:0;
        /*width:50%;  6 columns */
        width:60%;
        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-product { display: none; }
    .navbar-default .navbar-collapse { background: #e05053; }

}

@media (min-width:992px) {
    .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;
    }
}


/*
 * Media
 * --------------------------------------------------
 */
@media (min-width:1200px) { /*body { background:pink; }*/
    /*.container { width:1220px; padding:0; }*/
    .container-fluid { max-width: 1920px; }

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

    .navbar-brand     { height:85px; }
    .navbar-brand>img { /*width:100%; 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:25px 10px; }*/

    .navbar .menu-nav { }
    .navbar .language { }
    /* */
    .banner-item .banner-image { height:630px; }
    .banner-bg { height:464px; width:100%; }

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

    .breadcrumb { margin:24px auto 18px; 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     { 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 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:550px; }
    .banner-bg { height:464px; 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:155px; }

    .navbar-brand     { /*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:500px; }
    .banner-bg { height:464px; width:100%; }

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

}


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

    .navbar-brand     { /*height:72px;*/ padding:0;/* overflow:hidden; margin-top:-1px; margin-left:-30px;*/ }
    .navbar-brand>img { padding: 15px; /*width:65%; margin-top:0%;*/ }

    .navbar-nav.pull-right { float: none!important; }

    /* */
    .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:400px; background-size: cover !important; }
    .banner-bg { height:464px; width:100%; }

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

    /*.home-title-top {  font-size:26px; }*/
    /*.home-about-box .home-title-top span { display:block; }*/
    .home-about-us { padding: 35px 0 60px 0; }
    .home-about-us p  { margin-bottom: 2em; }


    .home-pros-catalogue { padding: 30px 0 10px 0; }

    .home-exhibitions h2 { padding: 30px 0 20px 0; }
    .home-exhibitions p  { font-size: 15px; }

    .home-pros-list { padding: 40px 0 0px 0; }
    .home-pros-list .line { padding-bottom:50px; }

    /* */
    .feedback-form label { display:block; text-align:left; width:auto; }
    .feedback-form .required { display:inline-block; }

    .feedback-form .input { width:100%; }
    .feedback-form .verifytxt { width:50%; display:inline-block; }
    .feedback-form  select { }
    .feedback-form  textarea { width:100%; }

    .feedback-form .verifycode { width:40%; display:inline-block; }


    .home-footer-box .text-right { text-align:left; }
}
@media screen and (max-width:480px) { /*body { background-color:purple; }*/
    .banner-bg { width:80%; }
    /*.navbar-default { overflow:hidden; }*/
    /* */
    .navbar       { height:66px; }

    .navbar-brand { /*height:66px;*/ padding:0; /*width:180px; overflow:hidden; margin-top:-1px; margin-left:-30px;*/ }
    .navbar-brand>img { padding: 15px; /*width:60%; margin-top:0%;*/}

    .navbar-nav.pull-right { float: none!important; }

    /* */
    .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; }

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

    /*.home-title-top {  font-size:22px; }*/
    /*.home-pro-box .home-title-top span,*/
    /*.home-about-box .home-title-top span { display:block; }*/

    .home-box h1 { font-size: 32px; }
    .breadcrumb-box h2 { font-size: 28px; }
    /* */
    .feedback-form label { display:block; text-align:left; width:auto; }
    .feedback-form .required { display:inline-block; }

    .feedback-form .input { width:100%; }
    .feedback-form .verifytxt { width:50%; display:inline-block; }
    .feedback-form  select { }
    .feedback-form  textarea { width:100%; }

    .feedback-form .verifycode { width:40%; display:inline-block; }

    .home-footer-box .text-right { text-align:left; }
}