/* Current Location Star */
.current-location { height: 64px; line-height: 64px; overflow: hidden; color: #818181; background: rgba(248, 248, 248, 1);}
    .current-location .breadcrumbs { float: left;}
    .current-location .breadcrumbs span { float: left;}
    .current-location .breadcrumbs a { color: #818181; transition: color .3s;}
    .current-location .breadcrumbs i { width: 4px; height: 64px; display: block; float: left; background: url('../img/arrow.png') no-repeat center; margin: 0 10px; }
    .current-location .breadcrumbs i.fa { width: auto; height: 64px; color: #999; background: none; line-height: 64px; margin: 0 10px 0 0;}
    .current-location .icos { float: right; color: #999;}
/* Current Location End */

/* Full Page Star */
.full-page { padding: 50px 0;}
    .full-page .frame { margin-top: 30px;}
/* Full Page End */

/* Frame Page Star */
.frame-page { padding: 30px 0; overflow: hidden;}
    .frame-page .side-left { float: left; width: 300px;}
    .frame-page .side-right { float: right; width: calc(100% - 340px);}
/* Frame Page End */

/* Category List Star */
.category-list { text-align: left;}
    .category-list .title { padding: 35px 33px; font-size: 26px; line-height: 30px; background: #065aa9; position: relative; color: #FFF;}
    .category-list .title:after { width: 0; height: 0; border-top: 20px solid #fff; border-left: 20px solid transparent; border-right: 1px solid #fff; border-bottom: 0; display: block; top: 0; right: 0; -webkit-transform: none; -ms-transform: none; -o-transform: none; transform: none; content: ""; position: absolute; }
    .category-list .title .eng { position: absolute; top: 36px; left: 0; width: 100%; text-align: center; text-transform: uppercase; font-size: 42px; color:rgba(255, 255, 255, 0.2); font-style: italic; }

    .category-list ul.list { border: 1px solid #e6e6e6; border-top: 0; background: #f7f8fa;}
    .category-list ul.list li { border-bottom: 1px solid #e6e6e6;}
    .category-list ul.list li:last-child { border-bottom: none;}
    .category-list ul.list li h4 a { font-size: 16px; height: 67px; line-height: 67px; padding: 0 0 0 50px; position: relative; display: block; transition: 0.5s; -webkit-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s;}
    .category-list ul.list li.active h4 a { color: #065aa9; font-weight: 700; background: #EBECEC; }
    .category-list ul.list li:hover h4 a { color: #065aa9; font-weight: 700;}

    .category-list ul.list li h4 a:after { left: 30px; content: ""; position: absolute; width: 0; height: 0; border-top: 6px solid transparent; border-left: 6px solid #b3b3b3;border-bottom: 6px solid transparent;display: block;top: 50%;margin-top: -6px;}
    .category-list ul.list li.active h4 a:after,.category-list ul.list li:hover h4 a:after { border-left-color: #065aa9;}


    .category-list ul.pro { border: 1px solid #e6e6e6; border-top: 0; background: #f7f8fa;}
    .category-list ul.pro>li { border-bottom: 1px solid #e6e6e6; padding: 0 15px; }
    .category-list ul.pro li { line-height: 52px; font-size: 16px; -o-transition: all .6s; -moz-transition: all .6s; -webkit-transition: all .6s; -ms-transition: all .6s; transition: all .6s;}
    .category-list ul.pro li>a { -o-transition: all .6s; -moz-transition: all .6s; -webkit-transition: all .6s; -ms-transition: all .6s; transition: all .6s;}

    .category-list ul.pro li.active,.category-list ul.pro li:hover { color: #065aa9;}
    .category-list ul.pro li.active>a,.category-list ul.pro li:hover>a { color: #065aa9; font-weight: 700;}


    .category-list ul.pro>li i { float: right; margin-top: 17px; cursor: pointer;}
    .category-list ul.pro>li>ul { border-top: 1px dotted #e6e6e6; display: none;}
    .category-list ul.pro>li>ul li a { display: block;}

    .category-list ul.pro li:last-child { border-bottom: none;}

    .category-list ul.categorys { border: 1px solid #e6e6e6; background: url("../img/categoy-body-bg.jpg");}
    .category-list ul.categorys li { border-bottom: solid 1px #f1f1f1; height: 52px; line-height: 52px; font-size: 16px; padding: 0 15px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; position: relative; -o-transition: all .6s; -moz-transition: all .6s; -webkit-transition: all .6s; -ms-transition: all .6s; transition: all .6s;}
    .category-list ul.categorys>li:last-child { border-bottom: none;}
    .category-list ul.categorys>li img.icos { margin-right: 10px; width:30px; height:30px;}

    .category-list ul.categorys>li a { display: block;}
    .category-list ul.categorys>li i.ico-one { float: right; line-height: 52px;}

    .category-list ul.categorys>li:hover { background-color: #065aa9;}
    .category-list ul.categorys>li:hover a { color: #FFF;}

    .category-list ul.categorys>li.active { background-color: #065aa9;}
    .category-list ul.categorys>li.active a { color: #FFF;}


    .category-list ul.categorys>li ul.childs { position: absolute; left: 100%; top: 0; min-width: 188px; z-index: 101; border-top: 2px solid #065aa9; opacity:0; visibility:hidden;background: rgba(255, 255, 255, 0.95);-webkit-box-shadow: 2px 2px 5px 1px rgba(0,0,0,.05), -2px 0 5px 1px rgba(0,0,0,.05);-ms-box-shadow: 2px 2px 5px 1px rgba(0,0,0,.05),-2px 0 5px 1px rgba(0,0,0,.05);-o-box-shadow: 2px 2px 5px 1px rgba(0,0,0,.05),-2px 0 5px 1px rgba(0,0,0,.05);-moz-box-shadow: 2px 2px 5px 1px rgba(0,0,0,.05),-2px 0 5px 1px rgba(0,0,0,.05);box-shadow: 2px 2px 5px 1px rgba(0,0,0,.05), -2px 0 5px 1px rgba(0,0,0,.05);-webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s;-moz-border-radius: 0 0 2px 0; -webkit-border-radius: 0 0 2px 0; border-radius: 0 0 2px 0;}
    .category-list ul.categorys>li ul.childs li a{ font-size: 15px; color: #333; -o-transition: all .3s; -moz-transition: all .3s; -webkit-transition: all .3s; -ms-transition: all .3s; transition: all .3s;}
    .category-list ul.categorys>li:hover ul.childs { opacity:1; visibility:visible;}

    .category-list ul.categorys>li ul.childs li:hover>a { color: #065aa9;}
    .category-list ul.categorys>li ul.childs li ul.tinys { position: absolute; left: 100%; top: -2px; min-width: 188px; z-index: 101; border-top: 2px solid #065aa9; opacity:0; visibility:hidden;background: rgba(255, 255, 255, 0.95);-webkit-box-shadow: 2px 2px 5px 1px rgba(0,0,0,.05), -2px 0 5px 1px rgba(0,0,0,.05);-ms-box-shadow: 2px 2px 5px 1px rgba(0,0,0,.05),-2px 0 5px 1px rgba(0,0,0,.05);-o-box-shadow: 2px 2px 5px 1px rgba(0,0,0,.05),-2px 0 5px 1px rgba(0,0,0,.05);-moz-box-shadow: 2px 2px 5px 1px rgba(0,0,0,.05),-2px 0 5px 1px rgba(0,0,0,.05);box-shadow: 2px 2px 5px 1px rgba(0,0,0,.05), -2px 0 5px 1px rgba(0,0,0,.05);-webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s;-moz-border-radius: 0 0 2px 0; -webkit-border-radius: 0 0 2px 0; border-radius: 0 0 2px 0;}
    .category-list ul.categorys>li ul.childs li:hover ul.tinys { opacity:1; visibility:visible;}
/* Category List End */

/* List Pro Star */
.list-pro { }
    .list-pro ul li { text-align: center; float: left; width: 24.2500000%; margin: 0 1% 15px 0;}
    .list-pro ul li:nth-child(4n) { margin-right: 0;}
    .list-pro ul li .pros-item { border: solid 1px #e4e4e4; width: 100%; }
    .list-pro ul li .pros-item img { max-width: 100% !important; -moz-transition: all 0.6s; -webkit-transition: all 0.6s; -o-transition: all 0.6s;}
    .list-pro ul li .pros-item .imgs { overflow: hidden;}
    .list-pro ul li .pros-item p { border-top: solid 1px #e4e4e4; padding: 6px 0; height:39px; overflow:hidden; }
    .list-pro ul li:hover .pros-item .imgs img { transform: scale(1.2);}
/* List Pro End */

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

/* Detail Title Star */
.detail-title { width: 100%; border-bottom: solid 1px #f3f3f3; color: #424242; margin: 20px 0 0 0;}
    .detail-title h1 { font-size: 18px; border-bottom: solid 3px #065aa9; font-weight: lighter; padding: 5px 0; float: left;}
    .detail-title i { float: right; color: #35a9e6; margin: 12px 0 0 0; font-weight: lighter;}
    .detail-title a { font-weight: lighter;}
/* Detail Title End */

/* Detail Content Star */
.detail-content { padding: 20px 0; text-align: left; word-break:break-all; width: 100%;}
    .detail-content img { max-width: 100%;}
/* Detail Content End */

/* Flip Page Star */
.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)}
/* Flip Page End */

/* List Image Text Star */
ul.list-image-text { }
    ul.list-image-text li { float: left; width: 23.500000%; margin-right: 2.000000%; padding: 10px; margin-bottom: 15px; background: #f7f7f7;}
    ul.list-image-text li:nth-child(4n) { margin-right: 0;}
    ul.list-image-text li .names { padding: 5px 0;  text-align: center;}
    ul.list-image-text li .imgs { overflow: hidden;}
    ul.list-image-text li .imgs img { -o-transition: all .3s; -moz-transition: all .3s; -webkit-transition: all .3s; -ms-transition: all .3s; transition: all .3s;}
    ul.list-image-text li:hover .imgs img { transform:scale(1.1); }
    ul.list-image-text li:hover { background: #79afd5;}
    ul.list-image-text li:hover .names { background: #79afd5; color: #FFF;}
/* List Image Text End */

/* Detail Intro Star */
.detail-intro { padding-bottom:30px; text-align: left;}
    .detail-intro .head { text-align: center;}
    .detail-intro .head .name { line-height:32px;font-size:22px;font-weight:700;margin: 0 0 20px;padding: 20px 0;border-bottom: 1px dotted #ccc;color: #333;}
    .detail-intro .head .date {color:#999;font-size:14px;line-height:30px;}
    .detail-intro .head .bdshare { margin: 0 auto; display: inline-table;}
    .detail-intro .head .bdshare span { float: left; vertical-align: middle; margin-top: 6px;}

    .detail-intro .detail {padding:0;font-size:14px;line-height:24px;color:#333; margin-top: 20px;}
    .detail-intro .detail img {max-width:100%}
/* Detail Intro End */

/* Detail Page Star */
.detail-page { text-align: left;}
    .detail-page ul.rexlink {border-top:1px solid #ECECEC}
    .detail-page ul.rexlink>li {border-bottom:1px solid #ECECEC;position:relative;line-height:24px;padding:12px 0 12px 80px; }
    .detail-page ul.rexlink>li span {position:absolute;top:12px;left:0;width:80px;color:#666}
    .detail-page ul.rexlink>li a {color:#000; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden;}
/* Detail Page End */

/* Detail Back Star */
.detail-back {text-align:right; margin-top: 30px; padding-bottom: 10px;}
    .detail-back a.btn-back {width:100px;padding:5px 20px;text-align:center;border:1px solid #005bac;color:#005bac;}
/* Detail Back End */

/* Prev Next Star */
.prev-next { border-top: 1px solid #f5f5f5; padding: 20px 0 0 0;}
    .prev-next a { color: #545454;}
    .prev-next .prev { width: 40%; float: left; text-align: left; text-transform: capitalize; display: inline-block; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; line-height: 1; padding: 8px 14px; border: 1px solid #f5f5f5; border-radius: 10px; -webkit-transition: .6s; -o-transition: .6s; transition: .6s; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;}
    .prev-next .prev:hover { background: #235ab5; border: solid 1px #235ab5;}
    .prev-next .prev:hover a { color: #FFF;}

    .prev-next .back { width: 20%; float: left; text-align: center; text-transform: capitalize;}
    .prev-next .back a { display: inline-block; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; line-height: 1; padding: 8px 14px; border: 1px solid #ddd; border-radius: 10px; -webkit-transition: .6s; -o-transition: .6s; transition: .6s;}
    .prev-next .back a:hover { color: #FFF; background: #235ab5; border: solid 1px #235ab5;}

    .prev-next .next { width: 40%; float: right; text-align: right; text-transform: capitalize; display: inline-block; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; line-height: 1; padding: 8px 14px; border: 1px solid #f5f5f5; border-radius: 10px; -webkit-transition: .6s; -o-transition: .6s; transition: .6s; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;}
    .prev-next .next:hover { background: #235ab5; border: solid 1px #235ab5;}
    .prev-next .next:hover a { color: #FFF;}
/* Prev Next End */

/* Pages Star */
.pages{ text-align: center; font-size: 16px;  }
    .pages .item { display: inline-block; vertical-align: top; margin: 0 2px 2px 2px; border: 1px solid #eaeaea; line-height: 32px; min-width: 20px; text-align: center; padding: 0 10px; text-transform:capitalize; -moz-border-radius:2px; -webkit-border-radius:2px; border-radius:2px;}
    .pages .on { background: #235ab5; color: #FFF;}
/* Pages End */

/* <1920的设备 */
@media screen and (max-width: 1920px){

}

/* <1680的设备 */
@media screen and (max-width: 1680px){

}

/* <1500的设备 */
@media screen and (max-width: 1500px){

}

/* <1440的设备 */
@media screen and (max-width: 1440px){

}

/* <1366的设备 */
@media screen and (max-width: 1366px){

}

/* <1200的设备 */
@media screen and (max-width: 1200px){

}

/* <991的设备 */
@media screen and (max-width: 991px){

    .container { padding-left: 10px; padding-right: 10px;}

    /* Current Location Star */
    #current-location { height: 48px; line-height: 48px;}
    #current-location .breadcrumbs i { height: 48px; }
    #current-location .breadcrumbs i.fa { height: 48px; line-height: 48px;}
    /* Current Location End */
	
}

/* <767的设备 */
@media screen and (max-width: 767px){

}

/* <450的设备 */
@media screen and (max-width: 450px){

}