/* Page Content Star */
#page-content { padding: 50px 0; overflow: hidden;}
    #page-content img { max-width: 100%;}
    .page-content { }
/* Page Content End */

/* Category Tabs Star */
.category-tabs { overflow: hidden;}
    .category-tabs ul { display: table; margin: 0 auto;}
    .category-tabs ul li { margin: 0 20px 0 0; float: left; padding: 5px 36px; font-size: 18px; font-family:'Gotham-Light'; font-weight: 700; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; -webkit-transition: .6s; -o-transition: .6s; transition: .6s;}
    .category-tabs ul li a { color: #595757; -webkit-transition: .6s; -o-transition: .6s; transition: .6s;}
    .category-tabs ul li.active,.category-tabs ul li:hover { background-color: #ff0000;}
    .category-tabs ul li.active a,.category-tabs ul li:hover a { color: #fdfcfc;}

    .category-tabs ul li:last-child { margin-right: 0;}
/* Category Tabs End */

/* Portfolio List Star */
.portfolio-list { padding: 80px 0 0 0;}
    .portfolio-list img { max-width: 100%;}
    .portfolio-list ul li { cursor: pointer; margin: 0 3% 35px 0; padding: 20px 0; float: left; width: 22.750000%; background-color: #FFF; text-align: center; -webkit-transition: .6s; -o-transition: .6s; transition: .6s;}
    .portfolio-list ul li:nth-child(4n) { margin-right: 0;}

    .portfolio-list ul li:hover { -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);}
/* Portfolio List End */

/* Page Contact Star */
#page-contact { margin: 120px auto; width: 100%; background: url("../img/contact-bg.png") left bottom no-repeat;}
    .page-contact { margin: 0 auto; width: 86%; color: #595757;}
    .page-contact .contacts { float: left; width: 32%;}

    .page-contact .contacts .titles { font-size: 40px; font-family:'Gotham-Bold'; text-transform: uppercase; color: #000; margin: 0 0 50px 0;}
    .page-contact .contacts ul.lists { }
    .page-contact .contacts ul.lists li { position: relative; padding: 0 0 0 120px; margin: 0 0 50px 0;}
    .page-contact .contacts ul.lists li:after { content: ''; width: 80px; height: 1px; background: #ff0000; position: absolute; left: 0; top: 10px;}
    .page-contact .contacts ul.lists li .names { font-size: 22px; font-family:'Gotham-Medium'; color: #000;  text-transform: uppercase; line-height: 1; margin: 0 0 15px 0;}
    .page-contact .contacts ul.lists li .contents { font-family:'Gotham-Light';}


    .page-contact .contacts ul.lists li .wechats { margin: 50px 0 0 0;}
    .page-contact .contacts ul.lists li .wechats .qrcode { display: table; text-align: left;}
    .page-contact .contacts ul.lists li .wechats .qrcode p { font-family:'Gotham-Medium'; text-align: center; color: #000; margin: 10px 0 0 0;}

    .page-contact .maps { float: right; width: 60%;}
    #dituContent { height: 590px;}
/* Page Contact End */

/* Roll News Star */
.roll-news { width: 96%; margin: 0 auto; background: url("../img/roll-bg.png") right bottom no-repeat #f7f8f8;}
    .roll-news .box { padding: 60px 40px; width: 100%;}
    .roll-news .box .images { float: left; width: 58%;}
    .roll-news .box .texts { float: right; width: 36%;}
    .roll-news .box .texts a.titles { color: #020202; line-height: 1.4; text-decoration: underline #3f3f3f; font-size: 30px; font-family:'Gotham-Medium'; padding: 25px 0 100px 0; display: block; -webkit-transition: .6s; -o-transition: .6s; transition: .6s;}
    .roll-news .box .texts a.titles:hover { text-decoration: underline #e60012;}


    .roll-news .box .texts a.mores { font-family:'Gotham-Medium'; display: inline-block; text-transform: uppercase; border: solid 1px #e60012; background: #e60012; color: #FFF; padding: 10px 30px; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; -webkit-animation-delay: 0.9s; animation-delay: 0.9s; -moz-transition: all 0.6s; -webkit-transition: all 0.6s; -o-transition: all 0.6s;}
    .roll-news .box .texts a.mores:hover { background: #FFF; color:#e60012; }


    #owl-news .owl-controls{position:absolute; width:100%; bottom:5px;}
    #owl-news .item { margin:0px; padding:0px;}
    #owl-news .owl-controls .owl-buttons .owl-prev,#owl-news .owl-controls .owl-buttons .owl-next { position:absolute; display:block; opacity:.5; filter:alpha(opacity=50); transition:opacity .2s linear 0s; cursor:pointer; color:#7f7f7f; background:transparent; padding:0; margin: 0;}
    #owl-news .owl-controls .owl-buttons i { color:#f6efdc; font-size: 100px;}
    #owl-news .owl-controls .owl-buttons .owl-prev:hover,#owl-news .owl-controls .owl-buttons .owl-next:hover{ opacity:.8; filter:alpha(opacity=80);}
    #owl-news .owl-controls .owl-prev { position:absolute;left:-80px; top:-288px;}
    #owl-news .owl-controls .owl-next { position:absolute;right:-80px; top:-288px;}

/* Roll News End */

/* List News Star */
.list-news { width: 96%; margin: 0 auto;}
    .list-news ul li { padding: 80px 0; border-bottom: solid 1px #dcdcdc;}
    .list-news ul li .dates { float: left; width: 16%; color: #949292; -moz-transition: all 0.9s; -webkit-transition: all 0.9s; -o-transition: all 0.9s;}
    .list-news ul li .dates .time { border-bottom: solid 2px #F00; font-size: 38px; font-family:'Arial Bold'; display: inline-block; padding: 0 0 10px 0; line-height: 1; margin: 0 0 10px 0;}
    .list-news ul li .dates .year { font-size: 13px; font-family:'Arial Bold';}

    .list-news ul li .texts { float: left; width: 84%;}
    .list-news ul li .texts h1.titles { line-height: 1; color: #000; font-size: 24px; font-family:'Gotham-Bold'; margin: 8px 0 30px 0; -moz-transition: all 0.9s; -webkit-transition: all 0.9s; -o-transition: all 0.9s;}
    .list-news ul li .texts .intros { font-family:'Gotham-Light'; color: #9b9a9a; display: inline-block; text-align: left; word-wrap:normal;}

    .list-news ul li:hover .texts h1.titles { color: #ff0000;}

    .list-news ul li:hover .dates { color: #ff0000;}
/* List News End */


/* List Page Star */
.list-page { width: 96%; margin: 70px auto 0 auto; text-align: center; font-weight: 700; font-size: 17px;}
    .list-page ul { display: table; margin: 0 auto;}
    .list-page ul li { float: left; margin: 0 8px; text-align: center;}
    .list-page ul li a { -moz-transition: all 0.9s; -webkit-transition: all 0.9s; -o-transition: all 0.9s;}
    .list-page ul li.active a,.list-page ul li:hover a { color: #bfb486;}
/* List Page End */

/* Team Star */
.team-list { }
    .team-list .section { position: relative;}
    .team-list img { max-width: 100%;}

    .teams-slide-text { left: 0; top: 18%; margin: auto; position: absolute; text-align: left; padding: 0; overflow: hidden; color: #3e3a39; width: 100%;}
    .teams-slide-text img { max-width: 100%;}
    .teams-slide-text .teams { width: 90%; margin: 0 auto;}
    .teams-slide-text .teams .lefts { float: left; width: 37%;}

    /*
    .section3 .teams-slide-text .teams .lefts { width: 45%;}
    .section4 .teams-slide-text .teams .lefts { width: 44%;}

    .section2 .teams-slide-text .teams .lefts .contents { margin: 18px 0 0 0;}
    .section3 .teams-slide-text .teams .lefts .contents { font-size: 17px; margin: 18px 0 0 0;}
    .section4 .teams-slide-text .teams .lefts .contents { font-size: 17px; margin: 48px 0 0 0;}
    */
    .teams-slide-text .teams .lefts .contents { font-size: 18px; color: #3e3a39; margin: 20px 0 0 0; opacity: 0; line-height: 1.8;}
	.teams-slide-text .teams .lefts .contents p { background:url(../img/dots.png) left 12px no-repeat; padding-left:16px;}
		
    /*.teams-slide-text .teams .lefts .contents span.spots { color: #d8c293; font-family:'Gotham-Bold';}*/
	

    .teams-slide-text .teams .rights { float: right; width: 48%; padding: 14% 0 0 0; opacity: 0;}
    /*
    .section2 .teams-slide-text .teams .rights { padding: 17% 0 0 0;}
    .section3 .teams-slide-text .teams .rights { padding: 21.500000% 0 0 0;}
    .section4 .teams-slide-text .teams .rights { padding: 19% 0 0 0;}
    */

    .teams-slide-text .teams .rights .names { font-size: 40px; font-family:'Gotham-Bold'; color: #3e3a39; line-height: 1.1;}
    .teams-slide-text .teams .rights .posts { font-size: 18px; font-family:'Gotham-Bold'; margin: 20px 0 40px 0; line-height: 1.3;}

    .teams-slide-text .teams .rights a.mores { display: none;}

    .teams-slide-text .teams .rights .intros { color: #e60012; font-family:'Arial Bold'; font-size: 40px; line-height: 1.3;}

    #fp-nav ul li a span, .fp-slidesNav ul li a span { height: 12px; width: 12px; background-color: #e1e1e1; margin: -6px 0 0 -6px;}
    #fp-nav ul li a.active span, .fp-slidesNav ul li a.active span, #fp-nav ul li:hover a.active span, .fp-slidesNav ul li:hover a.active span { background: #c3c0c0;}
/* Team End */

/* Layer Black Star */
.layer-black { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 999999999999; background: rgba(0, 0, 0, 0.5); 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; -webkit-transition-duration: .4s; transition-duration: .4s;  -webkit-transform: translate3d(0,100%,0);  transform: translate3d(0,100%,0);  -webkit-transition-property: opacity,-webkit-transform;  transition-property: opacity,-webkit-transform;  transition-property: transform,opacity;  transition-property: transform,opacity,-webkit-transform;  opacity: 0;}
    .layer-black.active { opacity: 1; -webkit-transform: translate3d(0,0,0);  transform: translate3d(0,0,0); }
    .layer-black img { max-width: 100%;}
    .layer-black .box { background:url("../img/contact-bg.png") right bottom #FFF; width: 368px; padding: 0 30px 45px 30px; position: relative; -webkit-box-shadow: 0px 2px 12px rgba(230, 0, 18, 0.15); -moz-box-shadow: 0px 2px 12px rgba(230, 0, 18, 0.15); box-shadow: 0px 2px 12px rgba(230, 0, 18, 0.15); behavior: url(ie-css3.htc);}

    .layer-black .closes { text-align: right;}
    .layer-black .closes i { cursor: pointer; position: absolute; top: 0; right: 0; width: 38px; height: 38px; background: #dcdcdc; color: #FFF; 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;}

    .layer-black .box .logos { text-align: center; padding: 10px 0 10px 0; border-bottom: solid 1px #e6e5e5;}

    .layer-black .box .names { text-align: center; color: #000; font-size: 28px; font-family:'Gotham-Medium'; padding: 35px 0 25px 0;}
    .layer-black .box .intros { color: #727171; line-height: 1.4; font-size: 14px;}

    .layer-black .box .sites { text-align: center; padding: 35px 0 0 0; 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;}
    .layer-black .box .sites i { width: 25px; height: 25px; line-height: 25px; margin: 0 10px 0 0; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; background: #e60012; color: #FFF; }
    .layer-black .box .sites a { color: #e60012;}


    .layer-black .box-team { background:#FFF; width: 94%; overflow: hidden; position: relative; -webkit-box-shadow: 0px 2px 12px rgba(230, 0, 18, 0.15); -moz-box-shadow: 0px 2px 12px rgba(230, 0, 18, 0.15); box-shadow: 0px 2px 12px rgba(230, 0, 18, 0.15); behavior: url(ie-css3.htc); -moz-border-radius:6px; -webkit-border-radius:6px; border-radius:6px;}

    .layer-black .box-team .avatar { background:url("../img/team/team-bg.png") 20px center #FFF no-repeat; background-size: auto 100%; margin: 0 20px; padding: 30px 0 0 0;}
    .layer-black .box-team .avatar .lefts { float: left; width: 55%; padding: 15px 0 0 0;}
    .layer-black .box-team .avatar .lefts .names { font-size: 22px; font-family:'Gotham-Bold'; color: #3e3a39; line-height: 1.1;}
    .layer-black .box-team .avatar .lefts .posts { font-size: 17px; font-family:'Gotham-Bold'; margin: 10px 0 0 0; line-height: 1.3; border-bottom: solid 2px #e60012; padding: 0 0 3px 0; display: inline-block;}

    .layer-black .box-team .avatar .rights { float: right; width: 45%;}

    .layer-black .box-team .detail { background: #eeeeee; padding: 20px 20px; line-height: 1.4; }
	.layer-black .box-team .detail p { background:url(../img/dots.png) left 8px no-repeat; padding-left:16px;}
	/*.layer-black .box-team .detail span.spots { color: #d8c293; font-family:'Gotham-Bold';}*/

    .layer-black .close-team { text-align: right;}
    .layer-black .close-team i { cursor: pointer; position: absolute; top: 15px; right: 18px; width: 20px; height: 20px; 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;}
    .layer-black .close-team i img { width: 20px; display: block;}
/* Layer Black End */


/* Page Press Detail Star */
#page-press-detail { padding: 50px 0;}
    #page-press-detail img { max-width: 80%;}
    .page-press-detail .heads { border-bottom: 1px solid #f5f5f5; text-align: center; padding: 0 0 30px 0;}
    .page-press-detail .heads .names { font-size: 18px; line-height: 1; text-align: center; font-weight: 600;}
    .page-press-detail .heads .paras { margin: 10px 0;}
    .page-press-detail .heads .shares { }

    .page-press-detail .infos { margin: 0 auto; font-size: 16px; padding: 30px 0;}
/* Page Press Detail End */

/* Prev Next Star */
.prev-next { border-top: 1px solid #f5f5f5; padding: 20px 0 0 0;}
    .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;}
    .prev-next .prev:hover { background: #ec0928; border: solid 1px #ec0928;}
    .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; color: #545454; border: 1px solid #ddd; border-radius: 10px; -webkit-transition: .6s; -o-transition: .6s; transition: .6s;}
    .prev-next .back a:hover { color: #FFF; background: #ec0928; border: solid 1px #ec0928;}

    .prev-next .next { width: 40%; float: right; 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;}
    .prev-next .next:hover { background: #ec0928; border: solid 1px #ec0928;}
    .prev-next .next:hover a { color: #FFF;}
/* Prev Next End */


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

}

@media screen and (max-width: 1500px){
    /* Team Star */
    .teams-slide-text .teams .lefts { width: 38%;}
    .teams-slide-text .teams .lefts img { max-width: 70%;}

    .teams-slide-text .teams .lefts .contents { font-size: 16px; line-height: 1.6;}
    /* Team End */
}

@media screen and (max-width: 1366px){
    /* Team Star */
    .teams-slide-text .teams .lefts { width: 40%;}
    /* Team End */
}

@media screen and (max-width: 1200px){
    .roll-news .box .texts a.titles { padding: 0 0 20px 0;}

    /* Team Star */
    .teams-slide-text .teams .lefts { width: 36%;}

    .teams-slide-text .teams .lefts .contents { font-size: 16px; line-height: 1.6;}

    .teams-slide-text .teams .rights { width: 58%;}
    /* Team End */
}

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


}

@media screen and (max-width: 767px){
    .container { padding-left: 10px; padding-right: 10px;}

    /* Page Content Star */
    #page-content { padding: 30px 0; }
    #page-content .container { padding-left: 5px; padding-right: 5px;}
    /* Page Content End */

    /* Category Tabs Star */
    .category-tabs { overflow: hidden;}
    .category-tabs ul { display: table; margin: 0 auto;}
    .category-tabs ul li { margin: 0 5px 0 0; float: left; padding: 5px 10px; font-size: 13px; font-family:"OpenSansBold"; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; -webkit-transition: .6s; -o-transition: .6s; transition: .6s;}
    .category-tabs ul li a { color: #595757; -webkit-transition: .6s; -o-transition: .6s; transition: .6s;}
    .category-tabs ul li.active,.category-tabs ul li:hover { background-color: #ff0000;}
    .category-tabs ul li.active a,.category-tabs ul li:hover a { color: #fdfcfc;}

    .category-tabs ul li:last-child { margin-right: 0;}
    /* Category Tabs End */

    /* Portfolio List Star */
    .portfolio-list { padding: 20px 0 0 0;}
    .portfolio-list ul li { margin: 0 3% 15px 0; float: left; width: 48.500000%;}
    .portfolio-list ul li:nth-child(4n) { margin-right: 0;}
    .portfolio-list ul li:nth-child(2n) { margin-right: 0;}
    /* Portfolio List End */


    /* Roll News Star */
    .roll-news { width: 100%;}
    .roll-news .box { padding: 20px 10px;}
    .roll-news .box .images { float: none; width: 100%;}
    .roll-news .box .texts { float: none; width: 100%;}
    .roll-news .box .texts a.titles { font-size: 17px; padding: 15px 0 15px 0; display: inline-block; text-align: left; word-wrap:normal;}
    .roll-news .box .texts a.mores { padding: 0 15px; font-size: 12px;}

    #owl-news .owl-controls .owl-buttons i { font-size: 70px;}
    #owl-news .owl-controls .owl-prev { position:absolute;left:20px; top:-268px;}
    #owl-news .owl-controls .owl-next { position:absolute;right:20px; top:-268px;}
    /* Roll News End */

    /* List News Star */
    .list-news { width: 100%;}
    .list-news ul li { padding: 20px 0;}
    .list-news ul li .dates { width: 25%; }
    .list-news ul li .dates .time { font-size: 28px; margin: 0 0 10px 0;}

    .list-news ul li .texts { float: left; width: 75%;}
    .list-news ul li .texts h1.titles { font-size: 18px; margin: 0 0 10px 0; display: inline-block; text-align: left; word-wrap:normal;}
    /* List News End */

    /* List Page Star */
    .list-page { width: 100%; margin: 15px auto 0 auto;}
    /* List Page End */

    /* Team Star */
    .team-list { }
    .team-list .section { position: relative;}
    .team-list img { max-width: 100%;}

    .teams-slide-text { left: 0; top: 18%; margin: auto; position: absolute; text-align: left; padding: 0; overflow: hidden; color: #3e3a39; width: 100%;}
    .teams-slide-text .teams { width: 100%; }
    .teams-slide-text .teams .lefts { display: none;}

    .teams-slide-text .teams .rights { float: none; width: 100%; padding: 40px 10% 0 8%;}
    /*
    .section2 .teams-slide-text .teams .rights { padding: 40px 10% 0 8%;}
    .section3 .teams-slide-text .teams .rights { padding: 40px 10% 0 8%;}
    .section4 .teams-slide-text .teams .rights { padding: 70px 10% 0 8%;}
    */

    .teams-slide-text .teams .rights .names { font-size: 34px;}
    .teams-slide-text .teams .rights .posts { font-size: 14px; margin: 5px 0 10px 0;}

    .teams-slide-text .teams .rights a.mores { display: block; font-size: 16px; font-family:'Gotham-Bold'; display: inline-block; border: solid 2px #e60012; color: #e60012; padding: 5px 20px; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; -webkit-animation-delay: 0.9s; animation-delay: 0.9s; -moz-transition: all 0.6s; -webkit-transition: all 0.6s; -o-transition: all 0.6s;}
    .teams-slide-text .teams .rights a.mores:hover { background: #e60012; color:#FFF; }

    .teams-slide-text .teams .rights .intros { color: #e60012; font-size: 20px; line-height: 1.4; margin: 40% 0 0 0; }

    #fp-nav ul li a span, .fp-slidesNav ul li a span { height: 12px; width: 12px; background-color: #e1e1e1; margin: -6px 0 0 -6px;}
    #fp-nav ul li a.active span, .fp-slidesNav ul li a.active span, #fp-nav ul li:hover a.active span, .fp-slidesNav ul li:hover a.active span { background: #c3c0c0;}
    /* Team End */


    /* Page Contact Star */
    #page-contact { margin: 30px auto;}
    .page-contact { width: 100%; padding: 0 10px;}
    .page-contact .contacts { float: none; width: 100%;}

    .page-contact .contacts .titles { font-size: 32px; margin: 0 0 20px 0;}
    .page-contact .contacts ul.lists li { padding: 0 0 0 60px; margin: 0 0 20px 0;}
    .page-contact .contacts ul.lists li:after {  width: 40px;}
    .page-contact .contacts ul.lists li .names { font-size: 17px;}


    .page-contact .contacts ul.lists li .wechats { margin: 20px 0 0 0;}

    .page-contact .maps { float: none; width: 100%; padding: 25px 0 0 0; border-top: solid 1px #dcdcdc;}
    #dituContent { height: 390px;}
    /* Page Contact End */
}

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

}