/* Company Profile Star */
#company-profile { padding: 50px 0;}
    .company-profile { margin: 30px 0; font-size: 15px; text-align: left;}
    .company-profile img { max-width: 100%;}
/* Company Profile End */

/* Online Message Star */
#online-message { padding: 50px 0;}
    .online-message { text-align: left; margin: 40px 0 0 0;}
    .msg-form { background:#fff;  padding:40px 30px;  margin-bottom:60px;  box-shadow:0 0 10px rgba(0,0,0,0.3) }
    a.btn-more-lg {  display:inline-block;  background:#9c1d2b;  padding:19px 40px 19px 50px;  text-decoration:none  }
    a.btn-more-lg>em {  color:#fff;  text-decoration:none;  padding-right:20px;  font-size:18px;  background:url("/html/disk/img/arrow.png") no-repeat right  }
    a.btn-more-lg:hover { background:#ca0016; }
/* Online Message End */


/* Page Content Star */
#page-contents { padding: 40px 0 20px 0; }
    #page-contents .container { padding-right: 5px;}
    .page-contents { text-align: left; }
    .page-contents .lefts { float: left; width: 20%; padding: 0px 0px 0px 0px; background-color: #FFF; overflow: hidden; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; -webkit-box-shadow: 0px 2px 12px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0px 2px 12px rgba(0, 0, 0, 0.1); box-shadow: 0px 2px 12px rgba(0, 0, 0, 0.1); behavior: url(/html/disk/css/ie-css3.htc);}
    .page-contents .lefts .titles { margin: 0 auto; font-size: 24px; font-weight: 700; color: #FFF; /*background-color: #000000;*/ background-image: url("/html/disk/img/title-bg.jpg"); background-size: 100%;  padding: 25px 15px 20px 15px; text-align: center;}
    .page-contents .lefts .titles span { display: block; font-family: "Geometric415BT-BlackA"; text-transform: uppercase; font-size: 14px; margin: 15px 0 0 0;}
    .page-contents .lefts ul { margin: 0 auto;}
    .page-contents .lefts ul li { background: url('/html/disk/img/categoryBg.png') repeat-x; line-height: 32px; padding: 4px 15px; transition: 0.3s;}
    .page-contents .lefts ul li a { display: block;}

    .page-contents .lefts ul li i { float: right; margin: 9px 0 0 0;}
    .page-contents .lefts ul li:hover { background-color: #c20114;}
    .page-contents .lefts ul li:hover a { color: #FFF;}

    .page-contents .lefts ul li.active { background-color: #c20114;}
    .page-contents .lefts ul li.active a { color: #FFF;}

    .page-contents .lefts .ends { display: block; background:url('/html/disk/img/contacts.jpg') left center no-repeat; padding: 20px 0 15px 0; text-align: center;}
    .page-contents .lefts .ends h1 { font-size: 16px; margin: 0 0 10px 0;  font-weight: 300;  line-height: 180%;}
    .page-contents .lefts .ends h2 { font-size: 18px; font-weight: 700;}
    .page-contents .lefts .ends .contacts { font-size: 16px;  font-weight: 700;  margin: 10px 0 0 0;}

    .page-contents .rights { float: right; width: 79%;}
    .page-contents .contents { float: right; width: 78%; padding: 15px 20px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; background-color: #FFF; -webkit-box-shadow: 0px 2px 12px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0px 2px 12px rgba(0, 0, 0, 0.1); box-shadow: 0px 2px 12px rgba(0, 0, 0, 0.1); behavior: url(/html/disk/css/ie-css3.htc);}
/* Page Content End */


/* Current Location Star */
.current-location { padding: 5px 0px 10px 0px; margin: 0 0 15px 0; border-bottom: dotted 1px #ececec;}
    .current-location>h1{ float: left; border-left:solid 3px #c20114; color: #313131; font-size: 18px; padding: 0 0 0 10px; font-weight: bold;}
    .current-location>h1>span { text-transform: uppercase; color: #666; font-weight: lighter; font-size: 12px; margin: 0 0 0 10px; }
    .current-location>a { float:right; font-weight: lighter;}
    .current-location>h2 { float: right; font-weight: lighter; font-size: 13px;}
    .current-location>h2>span { margin: 0 5px; font-family: simsun;}
/* Current Location End */

/* Default Content Star */
.default-content { word-wrap:break-word;}
    .default-content img { max-width: 100%;}
/* Default Content End */

/* Contact Info Star */
.main-contact { padding: 0 0 30px 0;}
    .main-contact .contactsL { float: left; text-align: left;}
    .main-contact .contactsL .companys { color: #c20114; margin: 0 0 10px 0; font-size: 18px; font-weight: 700;}

    .main-contact .contactsR { float: right; text-align: right;}
    .main-contact .contactsR img { max-width: 100%; -moz-border-radius: 3px; -webkit-border-radius: 3px;  border-radius: 3px;}
/* Contact Info End */

/* Maps Star */
.maps { width: 100%; height: 400px; overflow: hidden; border: solid 1px #e4e4e4; -moz-border-radius: 3px; -webkit-border-radius: 3px;  border-radius: 3px;}
    .maps img{display:inline !important;max-width:inherit !important;}
/* Maps End */

/*产品详细*/
.detail-main-imgs { text-align: center; width:100%; margin: 0 auto;}
    .detail-main-imgs img { max-width: 500px; padding: 5px; border: solid 1px #ececec; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;}
    .detail-main-imgs p { font-weight: 700; font-size: 16px; margin: 15px 0 15px 0;}


/*产品详细标题*/
.detail-main-title { width: 100%; border-bottom: solid 1px #f3f3f3; color: #424242; margin: 20px 0 0 0;}
    .detail-main-title h1 { font-size: 18px; border-bottom: solid 3px #c20114; font-weight: lighter; padding: 5px 0; float: left;}
    .detail-main-title i { float: right; color: #35a9e6; margin: 12px 0 0 0; font-weight: lighter;}
    .detail-main-title a { font-weight: lighter;}

.detail-main-content { padding: 20px 0; text-align: left; word-break:break-all; width: 100%;}
    .detail-main-content img { max-width: 100%;}

/* 文字列表 Star */
.textList { margin: 18px 0 0 0; text-align: left;}
    .textList > li { text-align: left; border: 1px solid #f0f0f0; position:relative; margin-bottom: 20px; padding: 20px; transition: all .5s ease .3s; -o-transition: all .5s ease .3s;  -ms-transition: all .5s ease .3s;  -moz-transition: all .5s ease .3s;  -webkit-transition: all .5s ease .3s;}
    .textList > li > div > div > h1 {  font-size: 18px;  color: #333;  font-weight: lighter;  margin: 0px 0 10px 0;  }
    .textList > li > div > div > h1>a>span { float: right; font-size: 14px;}
    .textList > li > div > div > a {  font-size: 14px;  color: #fff; float: right;  font-weight: lighter;  background: #ff7e11;  padding: 6px 30px;  -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px;}
    .textList > li > div > div > a:hover { background: #ff7e11; -webkit-box-shadow: 0px 2px 12px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0px 2px 12px rgba(0, 0, 0, 0.1); box-shadow: 0px 2px 12px rgba(0, 0, 0, 0.1); behavior: url(/html/disk/css/ie-css3.htc);}
    .textList > li:before{content:'';display: block;height: 1px;position: absolute;right: 0;top: -1px;width:0;background: rgba(194, 1, 20, 1);transition:all .5s ease;-o-transition:all .5s ease;-ms-transition:all .5s ease;-moz-transition:all .5s ease;-webkit-transition:all .5s ease;}
    .textList > li:hover:before{width:100%;}
    .textList > li:after{content:'';display: block;height: 1px;position: absolute;right: 0; bottom: -1px;width:0;background: rgba(194, 1, 20, 1); transition:all .5s ease;-o-transition:all .5s ease;-ms-transition:all .5s ease;-moz-transition:all .5s ease;-webkit-transition:all .5s ease;}
    .textList > li:hover:after{width:100%;}
    .textList > li:hover { border-left-color: rgba(194, 1, 20, 1); border-right-color: rgba(194, 1, 20, 1);}
/* 文字列表 End */


/* Single Detail Star */
.single-detail { margin: 15px 10px 30px 10px; text-align: left;}
    .single-detail img { max-width: 100%;}
/* Single Detail Star */

.ke-zeroborder { background-color: #CCC; border-spacing: 1px; border-collapse: separate; width: 100%;}

/*详细内容*/
.info-detail-name { text-align: left; border-bottom: dotted 1px #d6d6d6;  padding-bottom: 20px;  margin-bottom: 20px; margin-top: 10px; }
    .info-detail-name h1 { color: #333; font-size: 26px;  font-weight: lighter; text-align: center; margin: 0 0 15px 0;}
    .info-detail-name h1 a { font-weight: lighter;}
    .info-detail-name span { font-size: 14px;  margin-top: 5px;  font-weight: lighter; text-align: center; display: block; }
    .info-detail-content { text-align: left; font-size: 14px; font-weight: lighter; padding-bottom: 50px;}

/*统一 上一页，下一页*/
.flip-page { /*border-top: solid 1px #f3f3f3;*/  font-size: 15px;  padding-top: 15px;  font-weight: lighter; margin-bottom: 50px;}
    .flip-page > .row > .left { text-align: left;}
    .flip-page > .row > .right { text-align: right; margin-top: 12px; }
    .flip-page > .row > .right a {  padding: 10px 30px;  background: #1495e7;  color: #FFF;  -moz-border-radius: 3px; -webkit-border-radius: 3px;  border-radius: 3px; }
    .flip-page > .row > .right a:hover { transform:translate3d(0,-2px,0);  -webkit-transform:translate3d(0,-2px,0);  -moz-transform:translate3d(0,-2px,0);  box-shadow:0 15px 20px rgba(0,0,0,.1);  -webkit-box-shadow:0 15px 20px rgba(0,0,0,.1);  -moz-box-shadow:0 15px 20px rgba(0,0,0,.1)}


/* Frame Map Start */
.frame-map { position: relative; overflow: hidden; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; border: solid 1px #EEE;}
.frame-map .floating { position: absolute; left: 20px; top: 20px; background: rgba(255,255,255,0.9); border: solid 1px #EEE; color: #333; padding: 20px; overflow: hidden; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px;}
.frame-map .floating dl dt { font-weight: 700; margin-bottom: 10px;}
.frame-map .floating dl dd .details { display: inline-block; margin-top: 8px; overflow: hidden; padding: 5px 10px; color: #60cbff; -moz-border-radius:20px; -webkit-border-radius:20px; border-radius:20px; border: solid 1px #60cbff; transition: all 0.6s; -moz-transition: all 0.6s; -webkit-transition: all 0.6s;  -o-transition: all 0.6s;}
.frame-map .floating dl dd .details:hover { color: #FFF; background: #60cbff;}
/* Frame Map End */


@media screen and (max-width: 1920px){

}


@media screen and (max-width: 1500px){

}


@media screen and (max-width: 1366px){


}


@media screen and (max-width: 1200px){


}


@media screen and (max-width: 991px){

    /* Company Profile Star */
    #company-profile { padding: 20px 0;}
    .company-profile { margin: 15px 0; font-size: 15px;}
    .company-profile img { max-width: 100%;}
    /* Company Profile End */

    /* Page Content Star */
    #page-contents { padding: 15px 0 15px 0; }
    #page-contents .container { padding-right: 5px;}
    .page-contents { text-align: left; }
    .page-contents .lefts { display: none;}

    .page-contents .rights { float: none; width: 100%;}
    .page-contents .contents { float: none; width: 100%; padding: 0 0; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; background-color: #FFF; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; behavior: url(/html/disk/css/ie-css3.htc);}
    /* Page Content End */

    /* Current Location Star */
    .current-location { padding: 5px 0px 10px 0px; margin: 0 0 15px 0; border-bottom: dotted 1px #ececec;}
    .current-location>h1{ float: none; border-left:solid 3px #c20114; color: #313131; font-size: 18px; padding: 0 0 0 10px; font-weight: bold;}
    .current-location>h1>span { text-transform: uppercase; color: #666; font-weight: lighter; font-size: 12px; margin: 0 0 0 10px; }
    .current-location>a { float:right; font-weight: lighter;}
    .current-location>h2 { display: none;}
    /* Current Location End */

    /*产品详细*/
    .detail-main-imgs { text-align: center; width:100%; margin: 0 auto;}
    .detail-main-imgs img { max-width: 100%; padding: 5px; border: solid 1px #ececec; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;}
    .detail-main-imgs p { font-weight: 700; font-size: 16px; margin: 15px 0 15px 0;}

    /* 文字列表 Star */
    .textList { margin: 18px 0 0 0; text-align: left;}
    .textList > li { text-align: left; border: 1px solid #f0f0f0; position:relative; margin-bottom: 20px; padding: 20px; transition: all .5s ease .3s; -o-transition: all .5s ease .3s;  -ms-transition: all .5s ease .3s;  -moz-transition: all .5s ease .3s;  -webkit-transition: all .5s ease .3s;}
    .textList > li > div > div > h1 {  font-size: 18px;  color: #333;  font-weight: lighter;  margin: 0px 0 10px 0;  }
    .textList > li > div > div > h1>a>span { display: none;}
    .textList > li > div > div > a {  font-size: 14px;  color: #fff; float: right;  font-weight: lighter;  background: #ff7e11;  padding: 6px 30px;  -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px;}
    .textList > li > div > div > a:hover { background: #ff7e11; -webkit-box-shadow: 0px 2px 12px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0px 2px 12px rgba(0, 0, 0, 0.1); box-shadow: 0px 2px 12px rgba(0, 0, 0, 0.1); behavior: url(/html/disk/css/ie-css3.htc);}
    .textList > li:before{content:'';display: block;height: 1px;position: absolute;right: 0;top: -1px;width:0;background: rgba(194, 1, 20, 1);transition:all .5s ease;-o-transition:all .5s ease;-ms-transition:all .5s ease;-moz-transition:all .5s ease;-webkit-transition:all .5s ease;}
    .textList > li:hover:before{width:100%;}
    .textList > li:after{content:'';display: block;height: 1px;position: absolute;right: 0; bottom: -1px;width:0;background: rgba(194, 1, 20, 1); transition:all .5s ease;-o-transition:all .5s ease;-ms-transition:all .5s ease;-moz-transition:all .5s ease;-webkit-transition:all .5s ease;}
    .textList > li:hover:after{width:100%;}
    .textList > li:hover { border-left-color: rgba(194, 1, 20, 1); border-right-color: rgba(194, 1, 20, 1);}
    /* 文字列表 End */

    /*统一 上一页，下一页*/
    .flip-page { /*border-top: solid 1px #f3f3f3;*/  font-size: 15px;  padding-top: 15px;  font-weight: lighter; margin-bottom: 30px;}
    .flip-page > .row > .left { text-align: left;}
    .flip-page > .row > .right { text-align: center; margin-top: 12px; }
    .flip-page > .row > .right a {  padding: 10px 30px;  background: #1495e7;  color: #FFF;  -moz-border-radius: 3px; -webkit-border-radius: 3px;  border-radius: 3px; }
    .flip-page > .row > .right a:hover { transform:translate3d(0,-2px,0);  -webkit-transform:translate3d(0,-2px,0);  -moz-transform:translate3d(0,-2px,0);  box-shadow:0 15px 20px rgba(0,0,0,.1);  -webkit-box-shadow:0 15px 20px rgba(0,0,0,.1);  -moz-box-shadow:0 15px 20px rgba(0,0,0,.1)}

    /* Online Message Star */
    #online-message { padding: 30px 0;}
    .online-message { text-align: left; margin: 20px 0 0 0;}
    .msg-form { background:#fff;  padding:20px 20px;  margin-bottom:20px;  box-shadow:0 0 10px rgba(0,0,0,0.3) }
    a.btn-more-lg {  display:inline-block;  background:#9c1d2b;  padding:19px 40px 19px 50px;  text-decoration:none  }
    a.btn-more-lg>em {  color:#fff;  text-decoration:none;  padding-right:20px;  font-size:18px;  background:url("/html/disk/img/arrow.png") no-repeat right  }
    a.btn-more-lg:hover { background:#ca0016; }

    .msg-form .text-right { text-align: center;}
    /* Online Message End */

    /* Contact Info Star */
    .main-contact { padding: 0 0 30px 0;}
    .main-contact .contactsL { float: none; text-align: left;}
    .main-contact .contactsL .companys { color: #c20114; margin: 0 0 10px 0; font-size: 18px; font-weight: 700;}

    .main-contact .contactsR { display: none;}
    /* Contact Info End */

    /* Frame Map Start */
    .frame-map .floating { padding: 10px;}
    .frame-map .floating dl dt { margin-bottom: 5px;}
    /* Frame Map End */

}


@media screen and (max-width: 767px){

}


@media screen and (max-width: 450px){


}