/* Page Banner Star */
#page-banner { position: relative; text-align: center; color: #FFF; overflow: hidden; -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(ie-css3.htc);}
    #page-banner .texts { position: absolute; top: 39%; bottom: 0; left: 0; right: 0; height: 100%;}
    #page-banner .cn-titles { display: block; font-size: 32px; font-weight: 700; line-height: 100%; margin: 0 0 10px 0;}
    #page-banner .en-titles { display: block; font-size: 26px; font-weight: 700; line-height: 100%; font-family: "Geometric415BT-BlackA"; text-transform: capitalize;}
/* Page Banner End */

/* Current Location Star */
#current-location { width: 100%; height: 64px; line-height: 64px; background: #f5f5f5; }
    #current-location .categorys { float: left;}
    #current-location .categorys a { float: left; display: block; font-size: 14px; color: #333; transition: color .3s; padding: 0 40px 0 0;}
    #current-location .categorys a:hover { color: #cf213a;}
    #current-location .categorys a.on { font-weight: 700; color: #cf213a;}

    #current-location .breadcrumbs { float: right;}
    #current-location .breadcrumbs a { float: right; font-size: 14px; color: #999; transition: color .3s;}
    #current-location .breadcrumbs a:first-child { color: #666;}
    #current-location .breadcrumbs i { width: 4px; height: 64px; display: block; float: right; background: url('../img/arrow.png') no-repeat center; margin: 0 12px; }
    #current-location .breadcrumbs i.fa { width: auto; height: 64px; color: #999; background: none; line-height: 64px; margin: 0 8px;}
/* Current Location End */

/* Page Content Star */
#page-content { padding: 40px 0;}
    .page-content { }
    .page-content img { max-width: 100%;}
    .page-content h1.text-title { font-size: 20px; font-weight: 700; margin: 0 0 30px 0;}
/* Page Content End */

/* Img Lists Star */
ul.img-lists { }
    ul.img-lists li { color: #919192; width: 23.500000%; float: left; margin: 0 2% 35px 0;}
    ul.img-lists li a { color: #919192;}
    ul.img-lists li .boxs { background: #FFF; padding: 30px 20px; transition: .5s ease-in-out; -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(ie-css3.htc);}
    ul.img-lists li:nth-child(4n) { margin-right: 0;}
    ul.img-lists li .imgs { position: relative; margin: 0 auto; text-align: center; overflow: hidden; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; width: 188px; height: 188px;}
    ul.img-lists li .imgs img { max-width: 100%;}

    ul.img-lists li .imgs .icos { position: absolute; width: 100%; background:rgba(0, 0, 0, 0.35);  height: 100%; left: 0; bottom: -100%; display:-webkit-box; display:-ms-flexbox; display:-webkit-flex; display:flex; -webkit-box-pack:center; -ms-flex-pack:center; -webkit-justify-content:center; justify-content:center; -webkit-box-align:center; -ms-flex-align:center; -webkit-align-items:center; align-items:center; -moz-transition: all 0.6s; -webkit-transition: all 0.6s; -o-transition: all 0.6s;}
    ul.img-lists li .imgs .icos img { width: 70px; height: 70px;}
    ul.img-lists li .imgs .icos i { color: #FFF; font-size: 48px;}
    ul.img-lists li:hover .imgs .icos { bottom: 0;}

    ul.img-lists li b.titles { font-size: 18px; color: #323232; font-weight: 700; line-height: 45px; height: 45px; overflow: hidden; display: block; background: url('../img/line.gif') no-repeat center bottom; text-align: center;  margin-bottom: 10px; }

    ul.img-lists li .infos { margin: 15px 0 20px 0; height: 68px; display: -webkit-box; -webkit-line-clamp:3;-webkit-box-orient: vertical; overflow: hidden;}
    ul.img-lists li .infos em { color: #ff9932; transition: .5s ease-in-out;}
    ul.img-lists li:hover .infos em { color: #f23f5f;}
    ul.img-lists li:hover .boxs { -webkit-box-shadow: 0px 2px 12px rgba(0, 0, 0, 0.25); -moz-box-shadow: 0px 2px 12px rgba(0, 0, 0, 0.25); box-shadow: 0px 2px 12px rgba(0, 0, 0, 0.25); behavior: url(ie-css3.htc);}

    ul.img-lists li .mores { border: 1px solid #D1313D; color: #D1313D; border-radius: 3px; padding: 3px 25px; margin: 0 auto; display: table; text-align: center;}
    ul.img-lists li:hover .mores { background: #D1313D; color: #FFF;}
/* Img Lists End */

/* Page Detail Star */
#page-detail { padding: 40px 0;}
    .page-detail { }
    .page-detail img { max-width: 100%;}

    .page-detail .titles { font-size: 30px; color: #000; font-weight: bold; text-align: center; line-height: 1.5;}
    .page-detail i.line { height: 4px; width: 60px; display: block; background: #afafaf; margin: 15px auto 20px auto; }
    .page-detail .times { text-align: center; margin: 20px 0 0 0; font-size: 16px; color: #000000; line-height: 1; font-family: "Geometric415BT-BlackA";}
    .page-detail .contents { font-size: 14px; color: #666666; padding: 50px 40px; background-color: #fff; line-height: 1.857; margin-top: 36px; -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(ie-css3.htc);}

    .page-detail .infos { margin: 30px 0 0 0; background: #FFF; padding: 30px 40px; -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(ie-css3.htc);}
    .page-detail .infos .nexts { float: left;}
    .page-detail .infos .backs { float: right;}
    .page-detail .infos .backs a { background: #193959; border: solid 1px #193959; color: #FFF; font-size: 16px; font-weight: 700; padding: 8px 40px; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px;}
    .page-detail .infos .backs a:hover { border: solid 1px #193959; color: #193959; background: #FFF; -moz-transition: all 0.6s; -webkit-transition: all 0.6s; -o-transition: all 0.6s;}

/* Page Detail End */

/* Contact Slogan Star */
.contact-slogan { }
    .contact-slogan img { max-width: 100%;}
    .contact-slogan .lefts { float: left; width: 20%; text-align: center;}
    .contact-slogan .rights { float: right; width: 80%; padding: 20px 0 0 20px;}
    .contact-slogan .rights h4 { line-height: 100%; display: inline-block; padding: 0 0 15px 0; font-size: 26px; color: #d00f2a; border-bottom: 2px solid #d00f2a; }
    .contact-slogan .rights hr { margin-top:-1.3px;}

    .contact-slogan .rights .slogans { font-size: 16px; color: #666; line-height: 30px;}
/* Contact Slogan End */

/* Maps Star */
.contact-map { margin: 30px 0 0 0;}
    .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 */


@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){

}


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

}

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

}