/* Mainer Star */
#mainer { margin: 0 0 20px 0;}
    .mainer .lefts { float: left; width: 18%;}
    .mainer .lefts .titles { background-color: #2a2a2a; -moz-border-radius: 3px 3px 0 0; -webkit-border-radius: 3px 3px 0 0; border-radius: 3px 3px 0 0; color: #FFF; padding: 29px 20px 25px 20px; text-align: center;}
    .mainer .lefts .titles h1 { font-size: 20px; font-weight: 700; margin-bottom: 12px;}
    .mainer .lefts .titles h2 { font-family: "Geometric415BT-BlackA"; font-weight: lighter; font-size: 18px; text-transform: uppercase;}

    .mainer .lefts .categorys { text-align: left; background: url("../img/pro_category_bg.jpg") repeat; /*border-left: solid 1px #dddddd; border-right: solid 1px #dddddd; border-bottom: solid 1px #dddddd;*/}
    .mainer .lefts .categorys ul { padding: 15px 10px 5px 10px;}
    .mainer .lefts .categorys ul li { border: solid 1px #cfcfcf; margin: 0 0 10px 0; padding: 5px 0; background-color: #FFF; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px;}
    .mainer .lefts .categorys ul li a { display: block; padding-left: 8px;}
    .mainer .lefts .categorys ul li a i { margin-right: 5px;}
    .mainer .lefts .categorys ul li:hover { background-color: #3f5385;}
    .mainer .lefts .categorys ul li:hover a { color: #FFF;}
    .mainer .lefts .categorys ul li.active { background-color: #3f5385;}
    .mainer .lefts .categorys ul li.active a { color: #FFF;}

    .mainer .lefts .contacts { color: #FFF; text-align: center; background-color: #3f5385; padding: 20px 15px; -moz-border-radius: 0 0 3px 3px; -webkit-border-radius: 0 0 3px 3px; border-radius: 0 0 3px 3px;}
    .mainer .lefts .contacts h1 { font-size: 16px; margin: 0 0 10px 0; font-weight: 300; line-height: 180%;}
    .mainer .lefts .contacts h2 { font-size: 18px; font-weight: 700;}
    .mainer .lefts .contacts p { font-family: "Geometric415BT-BlackA"; font-size: 16px; font-weight: lighter; margin: 12px 0 0 0;}

    .mainer .rights { float: right; width: 80%;}
/* Mainer End */


/* Default Content Star */
.default-content { margin: 20px 0 0 0; text-align: left; font-size: 14px;}
    .default-content img { max-width: 100%;}
/* Default Content Star */

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


/*产品详细*/
.detail-main-imgs { text-align: center; width:100%; margin: 0 auto;}
    .detail-main-imgs img { max-height: 362px; 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 #2b68b2; 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;}
    .detail-main-content img { max-height: 100%;}


/*统一 上一页，下一页*/
.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: #1586ee;  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)}


/* Cases List Star */
.cases-list { margin: 0 0 0 0;}
    .cases-list ul li { text-align: center; width: 32.666666%; float: left; margin: 0 1% 15px 0;}
    .cases-list ul li:nth-child(3n) { margin: 0 0 0 0; }
    .cases-list ul li:hover .cases-item { }
    .cases-list ul li:hover .cases-item p { color: #000;}
    .cases-list ul li .cases-item { }
    .cases-list ul li .cases-item img { width: 100%; border: solid 1px #c0c0c0;}
    .cases-list ul li .cases-item p { padding: 6px; overflow: hidden; height: 36px; }
/* Cases List End */

/*详细内容*/
.info-detail-name { text-align: left; border-bottom: dotted 1px #d6d6d6;  padding-bottom: 20px;  margin-bottom: 20px; margin-top: 10px; }
    .info-detail-name h1 { 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;}
    .info-detail-content img {  max-width: 100%; }


.maps { width: 100%; height: 400px; overflow: hidden; border: solid 1px #e4e4e4; -moz-border-radius: 3px; -webkit-border-radius: 3px;  border-radius: 3px;}



/* Contact Info Star */
.main-contact { padding: 0 0 30px 0;}
    .main-contact .contactsL { float: left; text-align: left;}
    .main-contact .contactsL .companys { color: #1586ee; 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 */



.images-desc { margin: 0 0 20px 0; background: url("../img/descImg1.jpg") left center no-repeat; height: 206px; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;}
    .images-desc>.images-desc-intro { text-align: left; padding: 50px 30px 30px 80px;  float: right; width: 78%; -moz-border-radius:50px 5px 5px 50px; -webkit-border-radius:50px 5px 5px 50px; border-radius:50px 5px 5px 50px; border-left: solid 30px #FFF; height: 206px; background-color: #eaebeb;}
    .images-desc>.images-desc-intro>h1 { font-size: 20px; margin-bottom: 10px;}



/* Honor List Star */
.honor-list { margin: 0 0 0 0;}
    .honor-list ul li { text-align: center; width: 24.250000%; float: left; margin: 0 1% 15px 0;}
    .honor-list ul li:nth-child(4n) { margin: 0 0 0 0; }
    .honor-list ul li:hover .honor-item {}
    .honor-list ul li:hover .honor-item p { }
    .honor-list ul li .honor-item { display:inline-table;}
    .honor-list ul li .honor-item img { max-width: 100%; border: solid 1px #e4e4e4; padding: 12px;}
    .honor-list ul li .honor-item p { padding: 6px 6px; overflow: hidden; height: 36px; }
/* Honor List End */


/* Public Infos Star */
.public-infos{margin:0 0 20px 0; font-size:13px; border: solid 1px #1586ee; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; padding: 30px;}
    .public-infos .public-infos-left { float:left; width:35%; _display:inline; text-align:center;}
    .public-infos .public-infos-left img { border: solid 1px #DDD;}
    .public-infos .public-infos-left h1 { font-size:1.1em; margin-top:12px; text-align:center; font-weight:lighter;}

    .public-infos .public-infos-right { float:right; width:65%; _display:inline;}
    .public-infos .public-infos-right .public-infos-intro {  line-height: 200%; width:100%;}
    .public-infos .public-infos-right .public-infos-intro h1 { font-size:1.8em;}
    .public-infos .public-infos-right .public-infos-intro ul { margin-top: 10px;}
    .public-infos .public-infos-right .public-infos-intro ul li { font-size: 1.2em;}
/* Public Infos End */

/* 文字列表 Star */
.textList { margin: 18px 15px 0 15px; text-align: left;}
    .textList > li { text-align: left; border:dashed 1px #DDD; margin-bottom: 20px; padding: 20px;  -moz-border-radius: 3px; -webkit-border-radius: 3px;  border-radius: 3px;  }
    .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 > p {  font-size: 14px;  color: #808080;  font-weight: lighter;  margin-bottom: 20px; }
    .textList > li > div > div > a {  font-size: 14px;  color: #fff; float: right;  font-weight: lighter;  background: #2b68b2;  padding: 6px 30px;  -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px;}
    .textList > li > div > div > a:hover { background: #1d6bc9;}
/* 文字列表 End */



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

}

@media screen and (max-width: 1366px){
    /* Mainer Star */
    #mainer { margin: 0 0 20px 0;}
    .mainer .lefts { float: left; width: 18%;}
    .mainer .lefts .titles { background-color: #bb1010; -moz-border-radius: 3px 3px 0 0; -webkit-border-radius: 3px 3px 0 0; border-radius: 3px 3px 0 0; color: #FFF; padding: 15px 15px 10px 15px; text-align: center;}
    .mainer .lefts .titles h1 { font-size: 20px; font-weight: 700; margin-bottom: 12px;}
    .mainer .lefts .titles h2 { font-family: "Geometric415BT-BlackA"; font-weight: lighter; font-size: 18px; text-transform: uppercase;}

    .mainer .lefts .categorys { text-align: left; background: url("../img/pro_category_bg.jpg") repeat; /*border-left: solid 1px #dddddd; border-right: solid 1px #dddddd; border-bottom: solid 1px #dddddd;*/}
    .mainer .lefts .categorys ul { padding: 10px 10px 5px 10px;}
    .mainer .lefts .categorys ul li { border: solid 1px #cfcfcf; margin: 0 0 10px 0; padding: 5px 0; background-color: #FFF; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px;}
    .mainer .lefts .categorys ul li a { display: block;}
    .mainer .lefts .categorys ul li:hover { background-color: #bb1010;}
    .mainer .lefts .categorys ul li:hover a { color: #FFF;}

    .mainer .lefts .contacts { color: #FFF; text-align: center; background-color: #bb1010; padding: 15px 15px; -moz-border-radius: 0 0 3px 3px; -webkit-border-radius: 0 0 3px 3px; border-radius: 0 0 3px 3px;}
    .mainer .lefts .contacts h1 { font-size: 13px; margin: 0 0 5px 0; font-weight: 300; line-height: 160%;}
    .mainer .lefts .contacts h2 { font-size: 13px; font-weight: 700;}
    .mainer .lefts .contacts p { font-family: "Geometric415BT-BlackA"; font-size: 14px; font-weight: lighter; margin: 10px 0 0 0;}
    .mainer .rights { float: right; width: 80%;}
    /* Mainer End */
}

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


}

@media screen and (max-width: 991px){
    /* Mainer Star */
    #mainer { margin: 0 0 20px 0;}
    .mainer .lefts { float: left; width: 28%;}
    .mainer .lefts .titles { background-color: #bb1010; -moz-border-radius: 3px 3px 0 0; -webkit-border-radius: 3px 3px 0 0; border-radius: 3px 3px 0 0; color: #FFF; padding: 15px 15px 10px 15px; text-align: center;}
    .mainer .lefts .titles h1 { font-size: 20px; font-weight: 700; margin-bottom: 12px;}
    .mainer .lefts .titles h2 { font-family: "Geometric415BT-BlackA"; font-weight: lighter; font-size: 18px; text-transform: uppercase;}

    .mainer .lefts .categorys { text-align: left; background: url("../img/pro_category_bg.jpg") repeat; /*border-left: solid 1px #dddddd; border-right: solid 1px #dddddd; border-bottom: solid 1px #dddddd;*/}
    .mainer .lefts .categorys ul { padding: 10px 10px 5px 10px;}
    .mainer .lefts .categorys ul li { border: solid 1px #cfcfcf; margin: 0 0 10px 0; padding: 5px 0; background-color: #FFF; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px;}
    .mainer .lefts .categorys ul li a { display: block;}
    .mainer .lefts .categorys ul li:hover { background-color: #bb1010;}
    .mainer .lefts .categorys ul li:hover a { color: #FFF;}

    .mainer .lefts .contacts { color: #FFF; text-align: center; background-color: #bb1010; padding: 15px 15px; -moz-border-radius: 0 0 3px 3px; -webkit-border-radius: 0 0 3px 3px; border-radius: 0 0 3px 3px;}
    .mainer .lefts .contacts h1 { font-size: 13px; display: block; margin: 0 0 10px 0; font-weight: 300; line-height: 180%;}
    .mainer .lefts .contacts h2 { font-size: 13px; font-weight: 700;}
    .mainer .lefts .contacts p { font-family: "Geometric415BT-BlackA"; font-size: 13px; font-weight: lighter; margin: 5px 0 0 0;}
    .mainer .rights { float: right; width: 70%;}
    /* Mainer End */
}


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

    .single-detail {
        margin: 30px 0px 30px 0px;
        text-align: left;
    }


    /* Public Infos Star */
    .public-infos{margin:0 0 20px 0; font-size:13px; border: solid 1px #1586ee; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; padding: 10px;}
    .public-infos .public-infos-left { float:none; width:100%; _display:inline; text-align:center;}
    .public-infos .public-infos-left img { border: solid 1px #DDD;}
    .public-infos .public-infos-left h1 { font-size:1.1em; margin-top:12px; text-align:center; font-weight:lighter;}

    .public-infos .public-infos-right { float:none; width:100%; _display:inline; margin: 15px 0 0 0;}
    .public-infos .public-infos-right .public-infos-intro {  line-height: 200%; width:100%;}
    .public-infos .public-infos-right .public-infos-intro h1 { font-size:1.8em;}
    .public-infos .public-infos-right .public-infos-intro ul { margin-top: 10px;}
    .public-infos .public-infos-right .public-infos-intro ul li { font-size: 1.2em;}
    /* Public Infos End */
}


@media screen and (max-width: 450px){
    /* Mainer Star */
    #mainer { margin: 0 0 20px 0;}
    .mainer .lefts { display: none;}

    .mainer .rights { float: none; width: 100%;}
    /* Mainer End */



}