/* 内页Banner */
#mainBanner {  height: 306px;}
/* /内页Banner */


/* 当前位置 */
#locationer { padding: 15px 0; border-bottom: solid 1px #DDD;}
    #locationer .locationer { text-align: left; font-size: 1.1em;}
    #locationer .locationer i { color: #f6594e; margin-right: 5px;}
    #locationer .locationer span { font-family: "Consolas", "Monaco", "Bitstream Vera Sans Mono", "Courier New", Courier, monospace; color: #DDD; margin: 0 5px;}
/* /当前位置 */


/* 内页分类 */
#categoryer { padding: 20px 0;}
    #categoryer .categoryer { }
    #categoryer .categoryer ul li { float: left; margin-right: 15px; padding: 10px 30px; border: solid 1px #DDD; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;}
    #categoryer .categoryer ul li.active { background: #f6594e;}
    #categoryer .categoryer ul li.active a{ color: #FFF;}
/* /内页分类 */


/* 内页详细 */
#detailser { padding: 30px 0;}
    #detailser .detailser { }
    #detailser .detailser .detailser-left { float: left; text-align: left; width: 76%;}
    #detailser .detailser .detailser-left .details-content { }
    #detailser .detailser .detailser-left .details-content .content-title { text-align: center; color: #000; font-size: 1.6em;}
    #detailser .detailser .detailser-left .details-content .content-para { text-align: center; color: #999; font-size: 1.0em; line-height: 50px;}

    #detailser .detailser .detailser-left .details-content .content-para span { margin: 0 10px;}
    #detailser .detailser .detailser-left .details-content .content-para span i { margin: 0 5px 0 0;}

    #detailser .detailser .detailser-left .details-content .content-info { margin: 10px 0 20px 0; font-size: 1.1em; line-height: 180%;}


#detailser .detailser .detailser-right { float: right; background-color: #fafafa; width: 22%;}
    #detailser .detailser .detailser-right .detailser-right-box { margin: 10px; background-color: #FFF; text-align: left; padding: 10px;}
    #detailser .detailser .detailser-right .detailser-right-box .phoner { border: solid 1px #d0111b; padding: 10px;}
    #detailser .detailser .detailser-right .detailser-right-box .phoner img { float: left;}
    #detailser .detailser .detailser-right .detailser-right-box .phoner div { float: right;}
    #detailser .detailser .detailser-right .detailser-right-box .phoner h1 { font-size: 1.5em; color: #333;}
    #detailser .detailser .detailser-right .detailser-right-box .phoner h2 { font-size: 1.2em; color: #d0111b; font-weight: 700;}

    #detailser .detailser .detailser-right .detailser-right-box .lister { margin: 20px 0 0 0;}
    #detailser .detailser .detailser-right .detailser-right-box .lister h1 { font-size: 1.8em; color: #000; margin: 0 0 10px 0;}
    #detailser .detailser .detailser-right .detailser-right-box .lister ul li { border-bottom: solid 1px #efefef; font-size: 1.1em; line-height: 32px; text-align: left;}


/* /内页详细 */

/*详细 上一页，下一页*/
.flip-page { border-top: solid 1px #f3f3f3;  font-size: 15px;  padding-top: 20px;  font-weight: lighter;}
    .flip-page > .row > .left { }
    .flip-page > .row > .right { text-align: right;  margin-top:10px; }
    .flip-page > .row > .right a { padding: 5px 20px;  background: #787878;  color: #FFF;  -moz-border-radius: 3px; -webkit-border-radius: 3px;  border-radius: 3px; }
    .flip-page > .row > .right a:hover i { transform: rotate(360deg); -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -o-transform: rotate(360deg); -ms-transform: rotate(360deg); transition: 0.3s;}
    .flip-page > .row > .right a:hover { background: #e60012; }


/*图文列表*/
.imageTextList { padding: 0 0 18px 0;}
    .imageTextList > li { border:dashed 1px #DDD; margin-bottom: 20px; padding: 20px;  -moz-border-radius: 3px; -webkit-border-radius: 3px;  border-radius: 3px;  }
    .imageTextList > li > div > .left { overflow: hidden;}
    .imageTextList > li > div > .left img { max-width: 100%;  -moz-border-radius: 6px;  -webkit-border-radius: 6px;  border-radius: 6px;  }
    .imageTextList > li > div > .right > h1 {  font-size: 18px;  color: #333;  font-weight: lighter;  margin: 0px 0 10px 0;  }
    .imageTextList > li > div > .right > p {  font-size: 14px;  color: #808080;  font-weight: lighter;  margin-bottom: 20px; }
    .imageTextList > li > div > .right > a {  font-size: 14px;  color: #fff;  font-weight: lighter;  background: #787878;  padding: 8px 30px;  -moz-border-radius: 3px; /* Firefox */  -webkit-border-radius: 3px; /* Safari 和 Chrome */  border-radius: 3px; /* Opera 10.5+, 以及使用了IE-CSS3的IE浏览器 */  }
    .imageTextList > li > div > .right > a:hover { background-color: #f6594e; -moz-box-shadow:2px 2px 5px #A1A1A1; -webkit-box-shadow:2px 2px 5px #A1A1A1; box-shadow:2px 2px 5px #A1A1A1;}

/*文字列表*/
.textList { padding: 18px 0 0 0;}
    .textList > li { 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: 10px; }
    .textList > li > div > div > a {  font-size: 14px;  color: #fff; float: right;  font-weight: lighter;  background: #787878;  padding: 2px 10px;  -moz-border-radius: 3px; /* Firefox */  -webkit-border-radius: 3px; /* Safari 和 Chrome */  border-radius: 3px; /* Opera 10.5+, 以及使用了IE-CSS3的IE浏览器 */  }
    .textList > li > div > div > a:hover { background-color: #e60012; -moz-box-shadow:2px 2px 5px #A1A1A1; -webkit-box-shadow:2px 2px 5px #A1A1A1; box-shadow:2px 2px 5px #A1A1A1;}


/*公共信息*/
.public-infos{margin:0 0 20px 0; font-size:13px; border: solid 1px #f6594e; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; padding: 30px;}
    .public-infos .public-infos-left { float:left; width:30%; _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:70%; _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;}






/*内页详细 */
#mainer { padding: 30px 0 0 0;}
 #mainer .mainer { margin: 30px 0 0 0; text-align: left;}


/*内页联系方式*/
.main-contact { background: url("/style/images/contactimg1.jpg") bottom right no-repeat; text-align: center;}
    .main-contact dt { font-size: 16px; padding-bottom: 6px; font-weight: bold;}
    .main-contact dd { line-height: 26px; font-weight: lighter;}
    .main-contact dd i { color: #808080; margin-right: 10px; width: 20px; height: 20px;}
    .main-contact dd span { float: right;}


/*信息提示 */
#callmessager { padding: 50px 0 0 0;}
    #callmessager .callmessager { margin: 50px 0;}

    #callmessager .callmessager h1 { font-size: 1.4em;}
    #callmessager .callmessager p { font-size: 1.2em;}

    #callmessager .callmessager .callmessager-group { margin: 30px 0 0 0;}
    #callmessager .callmessager .callmessager-group input { background-color: #f6594e; padding: 10px 20px; color: #FFF; -moz-border-radius: 3px; -webkit-border-radius: 3px;  border-radius: 3px; border: transparent;}



@media (max-width: 768px) {
    /* 内页Banner */
    #mainBanner { height: 50px;}
    /* /内页Banner */

    /* 内页分类 */
    #categoryer { padding: 20px 0;}
    #categoryer .categoryer { }
    #categoryer .categoryer ul li { float: left; width: 32%; margin-right: 2%; padding: 8px; margin-bottom: 10px; border: solid 1px #DDD; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;}
    #categoryer .categoryer ul li:nth-child(3n) { margin-right: 0px;}
    #categoryer .categoryer ul li.active { background: #f6594e;}
    #categoryer .categoryer ul li.active a{ color: #FFF;}
    /* /内页分类 */


    /* 内页详细 */
    #detailser { padding: 30px 0;}
    #detailser .detailser { }
    #detailser .detailser .detailser-left { float: none; text-align: left; width: 100%;}
    #detailser .detailser .detailser-left .details-content { }
    #detailser .detailser .detailser-left .details-content .content-title { text-align: center; color: #000; font-size: 1.6em;}
    #detailser .detailser .detailser-left .details-content .content-para { text-align: center; color: #999; font-size: 1.0em; line-height: 50px;}

    #detailser .detailser .detailser-left .details-content .content-para span { margin: 0 10px;}
    #detailser .detailser .detailser-left .details-content .content-para span i { margin: 0 5px 0 0;}

    #detailser .detailser .detailser-left .details-content .content-info { margin: 10px 0 20px 0; font-size: 1.1em; line-height: 180%;}


    #detailser .detailser .detailser-right { float: right; display: none; background-color: #fafafa; width: 22%;}
    #detailser .detailser .detailser-right .detailser-right-box { margin: 10px; background-color: #FFF; text-align: left; padding: 10px;}
    #detailser .detailser .detailser-right .detailser-right-box .phoner { border: solid 1px #d0111b; padding: 10px;}
    #detailser .detailser .detailser-right .detailser-right-box .phoner img { float: left;}
    #detailser .detailser .detailser-right .detailser-right-box .phoner div { float: right;}
    #detailser .detailser .detailser-right .detailser-right-box .phoner h1 { font-size: 1.5em; color: #333;}
    #detailser .detailser .detailser-right .detailser-right-box .phoner h2 { font-size: 1.2em; color: #d0111b; font-weight: 700;}

    #detailser .detailser .detailser-right .detailser-right-box .lister { margin: 20px 0 0 0;}
    #detailser .detailser .detailser-right .detailser-right-box .lister h1 { font-size: 1.8em; color: #000; margin: 0 0 10px 0;}
    #detailser .detailser .detailser-right .detailser-right-box .lister ul li { border-bottom: solid 1px #efefef; font-size: 1.1em; line-height: 32px; text-align: left;}


    /* /内页详细 */


    /*公共信息*/
    .public-infos{margin:0 0 20px 0; font-size:13px; border: solid 1px #f6594e; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; padding: 30px;}
    .public-infos .public-infos-left { float:none; margin-bottom: 10px; 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;}
    .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;}



}

@media (min-width: 992px) {
    /* 内页Banner */
    #mainBanner {  background-size: auto 100%; height: 266px;}
    /* /内页Banner */
}

@media (min-width: 1200px) {
    /* 内页Banner */
    #mainBanner { background-size: auto 100%; height: 266px;}
    /* /内页Banner */
}
@media (min-width: 1366px) {
    /* 内页Banner */
    #mainBanner { background-size: auto 100%; height: 306px;}
    /* /内页Banner */
}