@import url(http://fonts.googleapis.com/css?family=Roboto:100,300,400,500,700);
@import url(http://fonts.googleapis.com/css?family=Montserrat:400,700);

html, body{ width: 100%; height: 100%;}
body{font-family:"Microsoft Yahei", "Wenquanyi Micro Hei", sans-serif; background-color:#444444;}


/* --- RANDDO STYLES --------------------------------------------------------------------------------------------------------------------------------------------------------------------- */

.coverb {font-size: 7vw;line-height: 9vw;font-weight: 700;letter-spacing:0px;color: #FFAA00;}
.coverm {font-size: 5.8vw;line-height: 7.8vw;font-weight: 300;letter-spacing:2px;color: #FFAA00;}

.ins {font-size: 0.8vw;line-height: 1.2vw; font-weight: 400;letter-spacing:0.6px;color: #222222;}
.inb {font-size: 1.5vw;line-height: 2.4vw; font-weight: 500;letter-spacing:1px;color:  #222222;}

h1      {font-size: 1.5vw;line-height: 2.1vw; font-weight: 400;letter-spacing:1px;color: #EEEEEE;}
.tops   {font-size: 1vw;line-height:1.6em; font-weight: 300;letter-spacing:1px;color: #EEEEEE;}
.topb   {font-size: 4.5vw;line-height: 7vw; font-weight: 900;letter-spacing:0px;color:  #FFAA00;}

.titles {font-size: 16px;line-height: 21px;font-weight: 400;letter-spacing:1px;color: #FFAA00;}
.titleb {font-size: 46px;line-height: 66px;font-weight: 600;letter-spacing:1px;color: #FFAA00;}
.titlem {font-size: 28px;line-height: 28px;font-weight: 400;letter-spacing:3px;color: #FFAA00;}

.cases   {font-size: 13px;line-height: 26px;font-weight: 400;letter-spacing:1px;color: #BBBBBB;}
.casem   {font-size: 16px;line-height: 36px;font-weight: 500;letter-spacing:1px;color: #EEEEEE;}

.tels   {font-size: 14px;line-height: 26px;font-weight: 400;letter-spacing:1px;color: #EEEEEE;}
.telb   {font-size: 42px;line-height: 60px;font-weight: 600;letter-spacing:0px;color: #FFAA00;}
.telm   {font-size: 21px;line-height: 38px;font-weight: 600;letter-spacing:1px;color: #FFAA00;}
.case-title{font-size: 38px;line-height: 45px;font-weight: 600;letter-spacing:1px;color: #FFAA00;}
.add    {font-size: 14px;line-height: 24px;font-weight: 400;letter-spacing:1px;color: #777777;}

.newss  {font-size: 13px;line-height: 24px;font-weight: 400;letter-spacing:1px;color: #555555;}
.newsm  {font-size: 18px;line-height: 32px;font-weight: 500;letter-spacing:1px;color: #555555;}

h2{font-size: 28px;line-height: 46px;font-weight: 400;letter-spacing:1px;color: #EEEEEE;}
h3{font-size: 16px;line-height: 35px;font-weight: 400;letter-spacing:1px;color: #999999;}
h4{font-size: 14px;line-height: 32px;font-weight: 500;letter-spacing:1px;color: #999999;}
h5{font-size: 30px;line-height: 45px;font-weight: 400;letter-spacing:1px;color: #EEEEEE;}
h6{font-size: 16px;line-height: 30px;font-weight: 400;letter-spacing:1px;color: #999999;}

h9{font-size: 12px;line-height: 24px;font-weight: 400;letter-spacing:1px;color:#FFFFFF;}
h8{font-size: 18px;line-height: 34px;font-weight: 500;letter-spacing:1px;color: #FFFFFF;}
h7{font-size: 12px;line-height: 21px;font-weight: 400;letter-spacing:1px;color:#777777;}

a{color:#EEEEEE;-webkit-transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;transition:all .2s ease-in-out;} a:hover,a:focus{text-decoration:none;color:rgba(0,198,215, 1);}

/* --- DEFAULT --------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
.black{color:#222222;}.gray{color:#999999;}.org{color:#FFAA00;}.white{color:#FFFFFF;}
.text-center{text-align:center;} .align-middle{margin:0 auto;} .sans-border{border-radius:0;} .sans-shadow{box-shadow:none;}.text-bottom{vertical-align:bottom;}
.orgbg{background:#FFAA00;}

.logo img{height:30px;}
.menu{position: relative; margin:10px 30px 0px 45px;} 
.menutext{font-size:14px;line-height:14px;font-weight:400; letter-spacing:1.5px; color:#FFAA00;}
.menu-tel{position: absolute; width: 300px;  top: -4px;left: 500px;  line-height:20px; color: #FFAA00; font-size: 20px;}
.menu-tel a,.menu-tel a:link{color: #FFAA00; }
@media(min-width:1400px){
.menu-tel{left: 50%; margin: 0 0 0 -150px;}
}
@media(max-width:1100px){
.menu-tel{display: none;}
}
.mac img{width:60%;}
.addlogo img{width:auto; height: auto; max-height: 200px;}
.tel-section{width:100%; padding:160px 30px 150px 30px; text-align:center; background:#2F3336 url(../images/tel_bg.jpg) 50% 0 repeat-y fixed; no-repeat scroll;-webkit-background-size:cover;-moz-background-size:cover;background-size:cover;-o-background-size:cover;}
.contact-container{background:#111111; padding:70px 0px 60px 0px; text-align:center;}

.row{margin-right:-30px; margin-left:-30px}
.row1{margin-right:-20px; margin-left:-20px}
.block{width:100%; padding:40px 0px 40px 0px; margin:0px;}
hr{width:100%; margin:0px; border-top:solid 1px #756139;}

.title-container{width:100%; padding:50px 0px 50px 0px; margin:0px; position:relative; text-align:center;}
.head-photo{margin:-140px 10px 20px 10px; padding:0px; position:relative;}
.photo{margin:0px 10px 20px 10px;}
.photo-full{margin:0px; text-align:center;}
.text-bg{background:#111111; padding:2px 30px 20px 30px; margin:0px; text-align:left;}

.about_bg    {width:100%; padding:160px 30px 190px 30px; text-align:center; background:#333333 url(../images/title_bg.jpg) 50% 0 repeat-y; no-repeat scroll;-webkit-background-size:cover;-moz-background-size:cover;background-size:cover;-o-background-size:cover;}
.creative_bg      {width:100%; padding:160px 30px 190px 30px; text-align:center; background:#333333 url(../images/title_bg.jpg) 50% 0 repeat-y; no-repeat scroll;-webkit-background-size:cover;-moz-background-size:cover;background-size:cover;-o-background-size:cover;}
.director_bg      {width:100%; padding:160px 30px 190px 30px; text-align:center; background:#333333 url(../images/title_bg.jpg) 50% 0 repeat-y; no-repeat scroll;-webkit-background-size:cover;-moz-background-size:cover;background-size:cover;-o-background-size:cover;}
.news_bg           {width:100%; padding:160px 30px 190px 30px; text-align:center; background:#333333 url(../images/title_bg.jpg) 50% 0 repeat-y; no-repeat scroll;-webkit-background-size:cover;-moz-background-size:cover;background-size:cover;-o-background-size:cover;}
.contact_bg       {width:100%; padding:160px 30px 190px 30px; text-align:center; background:#333333 url(../images/title_bg.jpg) 50% 0 repeat-y; no-repeat scroll;-webkit-background-size:cover;-moz-background-size:cover;background-size:cover;-o-background-size:cover;}

.trt_bg       {width:100%; padding:160px 30px 190px 30px; text-align:center; background:#333333 url(../images/trt_bg.jpg) 50% 0 repeat-y; no-repeat scroll;-webkit-background-size:cover;-moz-background-size:cover;background-size:cover;-o-background-size:cover;}
.huimai_bg   {width:100%; padding:160px 30px 190px 30px; text-align:center; background:#333333 url(../images/huimai_bg_bg.jpg) 50% 0 repeat-y; no-repeat scroll;-webkit-background-size:cover;-moz-background-size:cover;background-size:cover;-o-background-size:cover;}
.wanda_bg    {width:100%; padding:160px 30px 190px 30px; text-align:center; background:#333333 url(../images/wanda_bg.jpg) 50% 0 repeat-y; no-repeat scroll;-webkit-background-size:cover;-moz-background-size:cover;background-size:cover;-o-background-size:cover;}
.hujun_bg    {width:100%; padding:160px 30px 190px 30px; text-align:center; background:#333333 url(../images/hujun_bg.jpg) 50% 0 repeat-y; no-repeat scroll;-webkit-background-size:cover;-moz-background-size:cover;background-size:cover;-o-background-size:cover;}
.hsl_bg      {width:100%; padding:160px 30px 190px 30px; text-align:center; background:#333333 url(../images/hsl_bg.jpg) 50% 0 repeat-y; no-repeat scroll;-webkit-background-size:cover;-moz-background-size:cover;background-size:cover;-o-background-size:cover;}
.zhaoshang_bg      {width:100%; padding:160px 30px 190px 30px; text-align:center; background:#333333 url(../images/zhaoshang_bg.jpg) 50% 0 repeat-y; no-repeat scroll;-webkit-background-size:cover;-moz-background-size:cover;background-size:cover;-o-background-size:cover;}
.mf_bg      {width:100%; padding:160px 30px 190px 30px; text-align:center; background:#333333 url(../images/mf_bg.jpg) 50% 0 repeat-y; no-repeat scroll;-webkit-background-size:cover;-moz-background-size:cover;background-size:cover;-o-background-size:cover;}
.novartis_bg      {width:100%; padding:160px 30px 190px 30px; text-align:center; background:#333333 url(../images/novartis_bg.jpg) 50% 0 repeat-y; no-repeat scroll;-webkit-background-size:cover;-moz-background-size:cover;background-size:cover;-o-background-size:cover;}

/* INDEX ------------ */

.carousel,.item,.active{height:98%;}
.carousel-inner{height:100%;}
.fill{width:100%; height:100%; background-position:center; -webkit-background-size:cover; -moz-background-size:cover; background-size:cover; -o-background-size:cover;}
.carousel-caption{background:rgba(0,0,0,0.5); padding:30px 35px 30px 2vw; margin:0px 0px 0px -15px; text-shadow:none; bottom:8%;}
.carousel-control.right{background:none; z-index:100;}

.case-member figcaption{padding:30% 30px 30px 30px; color:transparent; background-color:transparent; text-align:center; position:absolute; z-index:996; bottom:0; left:0; width:100%; height:0; overflow:hidden;visibility:hidden;-webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;}
.case-member figure:hover figcaption{width:100%; height:100%; visibility:visible; background:rgba(255,170,0,0.9);}

/* ABOUT ------------ */

.text-full{background:#FFAA00; width:100%; padding:45px 56px 40px 58px; margin-top:-20px; text-align:left;}
.counter-section{width:100%; padding:200px 30px 200px 30px; text-align:center; background:#2F3336 url(../images/tel_bg.jpg) 50% 0 repeat-y fixed; no-repeat scroll;-webkit-background-size:cover;-moz-background-size:cover;background-size:cover;-o-background-size:cover;}
.counter-section strong{display:block; font-weight:100; font-size:68px; line-height:68px; color:#00C6D7;}

/* CASE ------------ */

.title-container-case{width:100%; padding:70px 0px 25px 0px; margin:0px; position:relative; text-align:center;}
.text-case{padding:12px 0px 10px 0px; margin:0px; text-align:left;}
.text-case-bg{background:#111111; padding:8px 35px 20px 35px; margin:0px 10px 0px 10px;}
.text-case-full{padding:50px 35px 80px 35px; margin:0px 10px 0px 10px; text-align:center;}


/* PORTFOLIO ------------ */
.portfolio-member figcaption{padding:30px;color:transparent; background-color:transparent; position:absolute; z-index:996; bottom:0; left:0; width:100%; height:0; overflow:hidden;visibility:hidden;-webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;}
.portfolio-member figure:hover figcaption{width:100%; height:100%; visibility:visible; background:rgba(0,0,0,0.6);}
.e-container{width:100%; padding:0px 20px 60px 20px; margin:0px; position:relative; text-align:center;}

/* NEWS ------------ */

.news-text{background:#111111; padding:20px 25px 26px 25px; margin:0px; text-align:left;}


/* CONTACT ------------ */


/* --- RANDD0-NAV --------------------------------------------------------------------------------------------------------------------------------------------------------------------- */

/* BUTTON ------------ */
.button_container{position:relative;margin-top:9px; height:18px; width:20px;cursor:pointer; z-index:999; -webkit-transition:opacity .25s ease; transition:opacity .25s ease;}
.button_container.active .top{-webkit-transform:translateY(6px) translateX(0) rotate(45deg);-ms-transform:translateY(6px) translateX(0) rotate(45deg);transform:translateY(6px) translateX(0) rotate(45deg);background:#EEEEEE;}
.button_container.active .middle{opacity:0;background:#FFFFFF;}
.button_container.active .bottom{-webkit-transform:translateY(-6px) translateX(0) rotate(-45deg);-ms-transform:translateY(-6px) translateX(0) rotate(-45deg);transform:translateY(-6px) translateX(0) rotate(-45deg);background:#EEEEEE;}
.button_container span{background:#FFAA00; transition:all .2s ease-in-out;border:none; height:3px; width:100%;position:absolute;top:0; left:0;-webkit-transition:all .35s ease;transition:all .35s ease; cursor:pointer;}
.button_container span:nth-of-type(2){top:6px;}.button_container span:nth-of-type(3){top:12px;}
/* PAGE ------------ */
.overlay{position:fixed;display:block; background:rgba(0,0,0,1); top:0; border:0; left:0; z-index:100; width:100%; height:0%;opacity:0; visibility:hidden; -webkit-transition:opacity .35s, visibility .35s, height .35s;transition:opacity .35s, visibility .35s, height .35s;overflow:auto;}
.overlay.open{opacity:1;visibility:visible;height:100%;}
.overlay.open li{-webkit-animation:fadeInRight .5s ease forwards;animation:fadeInRight .5s ease forwards;-webkit-animation-delay:.35s;animation-delay:.35s;}
.overlay.open li:nth-of-type(1) {-webkit-animation-delay:.40s;animation-delay:.40s;}
.overlay.open li:nth-of-type(2n){-webkit-animation-delay: .50s;animation-delay:.50s;}
/* TEXT ------------ */
.overlay nav{position:relative; padding:25px; height:80%;top:15%; font-size:2.1vw; line-height:1.2em; letter-spacing:1px; font-weight:300; color:#888888; text-transform:none; text-align:center;}
.overlay ul{list-style:none; padding:0; margin: 0 auto; display:inline-block; position:relative; height:100%;}
.overlay ul li{display:block; height:15%; height:calc(100% / 8); min-height:65px; position:relative; opacity:0;}
.overlay ul li a{display:block; position:relative; color:#888888; text-decoration:none; overflow:hidden;}
.overlay ul li a:hover{color:#FFFFFF; outline:none;}
.overlay ul li a:focus:after,
.overlay ul li a:active:after{width:50%;}

/* === PC: Media Queries ========================================================================================================================================== */
@media(min-width:1024px){
    .navbar-custom{padding:21px 30px 0px 30px; border-bottom:0px; letter-spacing:1px; background:0 0; -webkit-transition:background .5s ease-in-out, padding .5s ease-in-out; -moz-transition: background .5s ease-in-out, padding .5s ease-in-out;transition: background .5s ease-in-out, padding .5s ease-in-out;}
    .navbar-custom.top-nav-collapse{padding:9px 30px 12px 30px; background:#333333; -webkit-transition:background .5s ease-in-out, padding .5s ease-in-out;-moz-transition:background .5s ease-in-out, padding .5s ease-in-out;transition: background .5s ease-in-out, padding .5s ease-in-out; -webkit-box-shadow: 0 0 0px 0px rgba(0,0,0,.3);box-shadow: 0 0 0px 0px rgba(0,0,0,.3);}
    .navbar-header{padding:0px;}
}


/* === IPAD-W: Media Queries  ========================================================================================================================================== */

@media(max-width:1200px){

    .ins {font-size: 1.2vw;line-height: 1.2vw; font-weight: 400;letter-spacing:0px;color: #222222;}
    .inb {font-size: 2.1vw;line-height: 3.2vw; font-weight: 400;letter-spacing:0px;color:  #222222;}

    h1      {font-size: 2.4vw;line-height: 2vw; font-weight: 400;letter-spacing:0px;color: #EEEEEE;}
    .tops {font-size: 2vw;line-height: 4.2vw; font-weight: 300;letter-spacing:0px;color: #EEEEEE;}
    .topb   {font-size: 6.5vw;line-height: 11vw; font-weight: 900;letter-spacing:0px;color:  #FFAA00;}

    .titles{font-size: 14px;line-height: 28px;font-weight: 400;letter-spacing:1px;color:#FFAA00;}
    .titleb{font-size: 28px;line-height: 38px;font-weight: 600;letter-spacing:1px;color:#FFAA00;}
    .titlem{font-size: 21px;line-height: 36px;font-weight: 500;letter-spacing:1px;color: #FFAA00;}

    .tels  {font-size: 12px;line-height: 18px;font-weight: 400;letter-spacing:0px;color: #CCCCCC;}
    .telb  {font-size: 28px;line-height: 40px;font-weight: 600;letter-spacing:0px;color: #FFAA00;}
    .telm  {font-size: 16px;line-height: 21px;font-weight: 600;letter-spacing:0px;color: #CCCCCC;}

    .cases   {font-size: 10px;line-height: 18px;font-weight: 400;letter-spacing:0px;color: #BBBBBB;}
    .casem   {font-size: 12px;line-height: 21px;font-weight: 500;letter-spacing:0px;color: #EEEEEE;}

    .add    {font-size: 12px;line-height: 21px;font-weight: 400;letter-spacing:0.5px;color: #888888;}

    .newss  {font-size: 12px;line-height: 22px;font-weight: 400;letter-spacing:0px;color: #555555;}
    .newsm  {font-size: 16px;line-height: 28px;font-weight: 500;letter-spacing:0px;color: #555555;}

    .case-title{font-size: 24px;line-height: 18px;font-weight: 600;letter-spacing:0px;color: #FFAA00;}

    h2      {font-size: 18px;line-height: 30px;font-weight: 500;letter-spacing:0px;color: #EEEEEE;}
    h3      {font-size: 13px;line-height: 28px;font-weight: 400;letter-spacing:0px;color: #999999;}
    h4      {font-size: 12px;line-height: 26px;font-weight: 400;letter-spacing:0px;color: #888888;}

    h5      {font-size: 20px;line-height: 32px;font-weight: 400;letter-spacing:0px;color: #EEEEEE;}
    h6      {font-size: 12px;line-height: 24px;font-weight: 400;letter-spacing:0px;color: #999999;}

    h9      {font-size: 2.8vw;line-height: 4.8vw;font-weight: 400;letter-spacing:0px;color:#FFFFFF;}
    h8      {font-size: 3.8vw;line-height: 5.8vwpx;font-weight: 500;letter-spacing:0px;color: #FFFFFF;}

    /* --- DEFAULT --------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
    .black{color:#222222;}.gray{color:#999999;}.org{color:#FFAA00;}.white{color:#FFFFFF;}

    .logo img{height:16px;}
    .menu{margin:1px 20px 0px 30px;} .menutext{font-size:13px;line-height:14px;font-weight:400; letter-spacing:1px; color:#FFAA00;}
    .mac img{width:55%;}
    .addlogo img{width: auto; height:118px;}
    .tel-section{width:100%; padding:100px 20px 100px 20px; text-align:center; background:#2F3336 url(../images/tel_bg.jpg) 50% 0 no-repeat scroll;-webkit-background-size:cover;-moz-background-size:cover;background-size:cover;-o-background-size:cover;}
    .contact-container{background:#131517; padding: 70px 0px 60px 0px;text-align:center;}

    .row{margin-right:0px; margin-left:0px}
    .row1{margin-right:5px; margin-left:5px}
    .block{width:100%; padding:0px; margin:60px;}

    .title-container{width:100%; padding:50px 0px 50px 0px; margin:0px; position:relative; text-align: center;}
    .head-photo{margin:-80px 5px 10px 5px; position:relative;}
    .photo{margin:0px 5px 10px 5px;}
    .photo-full{margin:0px;}
    .text-bg{background:#111111; padding:5px 18px 20px 18px; margin:0px; text-align:left;}

    .text-full{background:#FFAA00; width:100%; padding:20px 45px 35px 45px; margin:-40px 0px 0px 0px; position:relative;}
    .counter-section{width:100%; padding:120px 30px 140px 30px; text-align:center; background:#2F3336 url(../images/tel_bg.jpg) 50% 0 no-repeat scroll;-webkit-background-size:cover;-moz-background-size:cover;background-size:cover;-o-background-size:cover;}
    .counter-section strong{display:block; font-weight:100; font-size:48px; line-height:68px; color:#00C6D7;}

    .carousel-caption{padding:28px 10px 30px 2vw; margin:0px 0px 0px -15px; text-shadow:none; bottom:12%;}

    .case-member figcaption{padding:22% 30px 30px 30px; color:transparent; background-color:transparent; text-align:center; position:absolute; z-index:996; bottom:0; left:0; width:100%; height:0; overflow:hidden;visibility:hidden;-webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;}
    .text-case-bg{background:#111111; padding:8px 35px 20px 35px; margin:0px 5px 0px 5px;}
    .text-case-full{padding:50px 35px 80px 35px; margin:0px 10px 0px 10px; text-align:center;}

    .portfolio-member figcaption{padding:20px;color:transparent; background-color:transparent; position:absolute; z-index:996; bottom:0; left:0; width:100%; height:0; overflow:hidden;visibility:hidden;-webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;}
    .e-container{width:100%; padding:0px 20px 25px 20px; margin:0px; position:relative; text-align:center;}


    .button_container{position:relative;margin-top:4px; height:16px; width:16px;cursor:pointer; z-index:999; -webkit-transition:opacity .25s ease; transition:opacity .25s ease;}
    .button_container.active .top{-webkit-transform:translateY(5px) translateX(0) rotate(45deg);-ms-transform:translateY(5px) translateX(0) rotate(45deg);transform:translateY(5px) translateX(0) rotate(45deg);background:#B0C3C7;}
    .button_container.active .middle{opacity:0;background:#B0C3C7;}
    .button_container.active .bottom{-webkit-transform:translateY(-5px) translateX(0) rotate(-45deg);-ms-transform:translateY(-5px) translateX(0) rotate(-45deg);transform:translateY(-5px) translateX(0) rotate(-45deg);background:#B0C3C7;}
    .button_container span{background:#FFAA00; transition:all .2s ease-in-out;border:none; height:2px; width:100%;position:absolute;top:0; left:0;-webkit-transition:all .35s ease;transition:all .35s ease; cursor:pointer;}
    .button_container span:nth-of-type(2){top:5px;}.button_container span:nth-of-type(3){top:10px;}
    .overlay nav{position:relative; padding:15px; height:80%;top:15%; font-size:2em; letter-spacing:0px; line-height:1em; font-weight:300; color:#7D878D; text-transform:none; text-align:center;}
    .overlay ul li{display:block; height:15%; height:calc(100% / 8); min-height:25px; position:relative; opacity:0;}

    .navbar-custom{padding:20px 20px 2px 20px; border-bottom:0px; letter-spacing:1px; background:0 0; -webkit-transition:background .5s ease-in-out, padding .5s ease-in-out; -moz-transition: background .5s ease-in-out, padding .5s ease-in-out;transition: background .5s ease-in-out, padding .5s ease-in-out;}
    .navbar-custom.top-nav-collapse{padding:10px 18px 8px 20px; background:#242729; -webkit-transition:background .5s ease-in-out, padding .5s ease-in-out;-moz-transition:background .5s ease-in-out, padding .5s ease-in-out;transition: background .5s ease-in-out, padding .5s ease-in-out; -webkit-box-shadow: 0 0 0px 0px rgba(0,0,0,.3);box-shadow: 0 0 0px 0px rgba(0,0,0,.3);}
    .navbar-header{padding:0px 0px 0px 0px;}}


/* === IPAD-H: Media Queries  ========================================================================================================================================== */

@media(max-width:992px){

    .coverb{font-size: 9vw;line-height: 15vw;font-weight: 700;letter-spacing:-1px;color: #FFAA00;}
    .coverm{font-size: 8vw;line-height: 13vw;font-weight: 300;letter-spacing:-1px;color: #FFAA00;}
    h1      {font-size: 2.8vw;line-height: 2.1vw; font-weight: 400;letter-spacing:0px;color: #EEEEEE;}
    .tops {font-size: 2.4vw;line-height: 4.8vw; font-weight: 300;letter-spacing:0px;color: #EEEEEE;}
    .topb   {font-size: 7vw;line-height: 12vw; font-weight: 900;letter-spacing:0px;color:  #FFAA00;}
    h2      {font-size: 17px;line-height: 28px;font-weight: 500;letter-spacing:0px;color: #EEEEEE;}
    h3      {font-size: 12px;line-height: 28px;font-weight: 400;letter-spacing:0px;color: #999999;}
    h5      {font-size: 18px;line-height: 28px;font-weight: 400;letter-spacing:0px;color: #EEEEEE;}
    .case-title{font-size: 21px;line-height: 16px;font-weight: 600;letter-spacing:0px;color: #FFAA00;}
    .titles{font-size: 12px;line-height: 28px;font-weight: 400;letter-spacing:1px;color:#FFAA00;}
    .titleb{font-size: 24px;line-height: 30px;font-weight: 600;letter-spacing:1px;color:#FFAA00;}
    .titlem{font-size: 15px;line-height: 30px;font-weight: 500;letter-spacing:1px;color: #FFAA00;}

    /* --- DEFAULT --------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
    .black{color:#222222;}.gray{color:#999999;}.org{color:#FFAA00;}.white{color:#FFFFFF;}

    .logo img{height:16px;}
    .menu{margin:1px 20px 0px 30px;} .menutext{font-size:13px;line-height:14px;font-weight:400; letter-spacing:1px; color:#FFAA00;}
    .mac img{width:75%;}
    .addlogo img{width:auto;height:118px;}
    .tel-section{width:100%; padding:100px 20px 100px 20px; text-align:center; background:#2F3336 url(../images/tel_bg.jpg) 50% 0 no-repeat scroll;-webkit-background-size:cover;-moz-background-size:cover;background-size:cover;-o-background-size:cover;}
    .contact-container{background:#131517; padding: 70px 0px 60px 0px;text-align:center;}

    .row{margin-right:0px; margin-left:0px}
    .row1{margin-right:5px; margin-left:5px}
    .block{width:100%; padding:0px; margin:60px;}

    .title-container{width:100%; padding:30px 0px 30px 0px; margin:0px; position:relative; text-align: center;}
    .head-photo{margin:-80px 5px 10px 5px;}
    .photo{margin:0px 5px 10px 5px;}
    .photo-full{margin:0px;}
    .text-bg{background:#111111; padding:1px 20px 10px 20px; margin:0px; text-align:left;}

    .text-full{background:#FFAA00; width:100%; padding:15px 25px 15px 25px; margin:-50px 0px 0px 0px; position:relative;}
    .counter-section{width:100%; padding:200px 30px 200px 30px; text-align:center; background:#2F3336 url(../images/tel_bg.jpg) 50% 0 no-repeat scroll;-webkit-background-size:cover;-moz-background-size:cover;background-size:cover;-o-background-size:cover;}
    .counter-section strong{display:block; font-weight:100; font-size:48px; line-height:68px; color:#00C6D7;}

    .carousel-caption{padding:28px 10px 30px 2vw; margin:0px 0px 0px -15px; text-shadow:none; bottom:12%;}

    .case-member figcaption{padding:16% 30px 30px 30px; color:transparent; background-color:transparent; text-align:center; position:absolute; z-index:996; bottom:0; left:0; width:100%; height:0; overflow:hidden;visibility:hidden;-webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;}
    .text-case-bg{background:#111111; padding:1px 21px 10px 21px; margin:0px 5px 0px 5px;}
    .text-case-full{padding:50px 35px 80px 35px; margin:0px 10px 0px 10px; text-align:center;}

    .portfolio-member figcaption{padding:20px;color:transparent; background-color:transparent; position:absolute; z-index:996; bottom:0; left:0; width:100%; height:0; overflow:hidden;visibility:hidden;-webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;}
    .e-container{width:100%; padding:0px 20px 20px 20px; margin:0px; position:relative; text-align:center;}


    .button_container{position:relative;margin-top:4px; height:16px; width:16px;cursor:pointer; z-index:999; -webkit-transition:opacity .25s ease; transition:opacity .25s ease;}
    .button_container.active .top{-webkit-transform:translateY(5px) translateX(0) rotate(45deg);-ms-transform:translateY(5px) translateX(0) rotate(45deg);transform:translateY(5px) translateX(0) rotate(45deg);background:#B0C3C7;}
    .button_container.active .middle{opacity:0;background:#B0C3C7;}
    .button_container.active .bottom{-webkit-transform:translateY(-5px) translateX(0) rotate(-45deg);-ms-transform:translateY(-5px) translateX(0) rotate(-45deg);transform:translateY(-5px) translateX(0) rotate(-45deg);background:#B0C3C7;}
    .button_container span{background:#FFAA00; transition:all .2s ease-in-out;border:none; height:2px; width:100%;position:absolute;top:0; left:0;-webkit-transition:all .35s ease;transition:all .35s ease; cursor:pointer;}
    .button_container span:nth-of-type(2){top:5px;}.button_container span:nth-of-type(3){top:10px;}
    .overlay nav{position:relative; padding:15px; height:80%;top:18%; font-size:2.4em; letter-spacing:0px; line-height:1em; font-weight:300; color:#7D878D; text-transform:none; text-align:center;}
    .overlay ul li{display:block; height:15%; height:calc(100% / 8); min-height:25px; position:relative; opacity:0;}

    .navbar-custom{padding:20px 20px 2px 20px; border-bottom:0px; letter-spacing:1px; background:0 0; -webkit-transition:background .5s ease-in-out, padding .5s ease-in-out; -moz-transition: background .5s ease-in-out, padding .5s ease-in-out;transition: background .5s ease-in-out, padding .5s ease-in-out;}
    .navbar-custom.top-nav-collapse{padding:10px 18px 8px 20px; background:#242729; -webkit-transition:background .5s ease-in-out, padding .5s ease-in-out;-moz-transition:background .5s ease-in-out, padding .5s ease-in-out;transition: background .5s ease-in-out, padding .5s ease-in-out; -webkit-box-shadow: 0 0 0px 0px rgba(0,0,0,.3);box-shadow: 0 0 0px 0px rgba(0,0,0,.3);}
    .navbar-header{padding:0px 0px 0px 0px;}}

/* === PHONE: Media Queries ========================================================================================================================================== */

@media(max-width:767px){

    .coverb{font-size: 9vw;line-height: 16vw;font-weight: 700;letter-spacing:-1px;color: #FFAA00;}
    .coverm{font-size: 8vw;line-height: 14vw;font-weight: 300;letter-spacing:-1px;color: #FFAA00;}

    .ins {font-size: 2.8vw;line-height: 4.6vw; font-weight: 400;letter-spacing:0.6px;color: #222222;}
    .inb {font-size: 3.8vw;line-height: 6.5vw; font-weight: 500;letter-spacing:0px;color:  #222222;}

    h1      {font-size: 3.8vw;line-height: 1.5vw; font-weight: 400;letter-spacing:0px;color: #EEEEEE;}
    .tops {font-size: 3.2vw;line-height: 8vw; font-weight: 400;letter-spacing:0px;color: #EEEEEE;}
    .topb {font-size: 8.5vw;line-height: 16vw; font-weight: 600;letter-spacing:0px;color:  #FFAA00;}

    .titles{font-size: 12px;line-height: 28px;font-weight: 400;letter-spacing:1px;color:#FFAA00;}
    .titleb{font-size: 21px;line-height: 21px;font-weight: 600;letter-spacing:1px;color:#FFAA00;}
    .titlem{font-size: 16px;line-height: 35px;font-weight: 500;letter-spacing:1px;color: #FFAA00;}

    .tels  {font-size: 12px;line-height: 26px;font-weight: 300;letter-spacing:0px;color: #EEEEEE;}
    .telb  {font-size: 24px;line-height: 36px;font-weight: 600;letter-spacing:0px;color: #FFAA00;}
    .telm  {font-size: 16px;line-height: 20px;font-weight: 500;letter-spacing:0px;color: #FFAA00;}

    .cases   {font-size: 11px;line-height: 18px;font-weight: 400;letter-spacing:0px;color: #BBBBBB;}
    .casem   {font-size: 12px;line-height: 26px;font-weight: 500;letter-spacing:0px;color: #EEEEEE;}

    .add    {font-size: 12px;line-height: 21px;font-weight: 400;letter-spacing:0.5px;color: #888888;}

    .newss  {font-size: 11px;line-height: 21px;font-weight: 400;letter-spacing:0px;color: #555555;}
    .newsm  {font-size: 14px;line-height: 24px;font-weight: 500;letter-spacing:0px;color: #555555;}

    .case-title{font-size: 21px;line-height: 1.2em;font-weight: 600;letter-spacing:0px;color: #FFAA00;}

    h2      {font-size: 18px;line-height: 28px;font-weight: 500;letter-spacing:0px;color: #EEEEEE;}
    h3      {font-size: 3.2vw;line-height: 6.5vw;font-weight: 400;letter-spacing:0px;color: #999999;}
    h4      {font-size: 12px;line-height: 21px;font-weight: 400;letter-spacing:0px;color: #888888;}

    h5      {font-size: 20px;line-height: 32px;font-weight: 400;letter-spacing:0px;color: #EEEEEE;}
    h6      {font-size: 12px;line-height: 24px;font-weight: 400;letter-spacing:0px;color: #999999;}

    h9      {font-size: 2.8vw;line-height: 4.8vw;font-weight: 400;letter-spacing:0px;color:#FFFFFF;}
    h8      {font-size: 3.8vw;line-height: 5.8vwpx;font-weight: 500;letter-spacing:0px;color: #FFFFFF;}
    h7      {font-size: 2.7vw;line-height: 5.0vw;font-weight: 400;letter-spacing:0px;color:#888888;}

    /* --- DEFAULT --------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
    .black{color:#222222;}.gray{color:#999999;}.org{color:#FFAA00;}.white{color:#FFFFFF;}

    .logo img{height:18px;}
    .menu{margin:2px 20px 0px 35px;} .menutext{font-size:14px;line-height:14px;font-weight:400; letter-spacing:1.5px; color:#FFAA00;}
    .mac img{width:95%;}
    .addlogo img{width: auto height:118px;}
    .tel-section{width:100%; padding:120px 15px 120px 15px; text-align:center; background:#2F3336 url(../images/tel_bg.jpg) 50% 0 no-repeat scroll;-webkit-background-size:cover;-moz-background-size:cover;background-size:cover;-o-background-size:cover;}
    .contact-container{background:#111111; padding:70px 0px 50px 0px; text-align:center;}

    .row{margin-right:0px; margin-left:0px}
    .row1{margin-right:0px; margin-left:0px}
    .block{width:100%; padding:0px; margin:0px;}

    .title-container{width:100%; padding:86px 15px 86px 15px; margin:0px; position:relative; text-align:center;}
    .head-photo{margin:-1px 0px 0px 0px;}
    .photo{margin:-1px 0px 0px 0px;}
    .photo-full{margin:0px;}
    .text-bg{background:#111111; padding:5px 18px 20px 18px; margin:0px; text-align:left;}

    .text-full{background:#FFAA00; width:100%; padding:10px 35px 30px 35px; margin:0px; position:relative; text-align:left;}
    .counter-section{width:100%; padding:60px 15px 60px 15px; text-align:center; background:#2F3336 url(../images/tel_bg.jpg) 50% 0 no-repeat scroll;-webkit-background-size:cover;-moz-background-size:cover;background-size:cover;-o-background-size:cover;}
    .counter-section strong{display:block; font-weight:100; font-size:38px; line-height:68px; color:#FFAA00;}

    .carousel-caption{padding:28px 10px 30px 5vw; margin:0px 0px 0px -15px; text-shadow:none; bottom:12%;}

    .case-member figcaption{padding:28% 30px 30px 30px; color:transparent; background-color:transparent; text-align:center; position:absolute; z-index:996; bottom:0; left:0; width:100%; height:0; overflow:hidden;visibility:hidden;-webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;}
    .case-member figure:hover figcaption{width:100%; height:100%; visibility:visible; background:rgba(255,170,0,0.9);}
    .text-case-bg{background:#111111; padding:1px 25px 10px 25px; margin:0px 10px 10px 10px;}
    .text-case-full{padding:80px 20px 80px 20px; margin:0px 10px 0px 10px; text-align:center;}
    .text-case{padding:12px 18px 20px 18px; margin:0px; text-align:left;}

    .portfolio-member figcaption{padding:20px;color:transparent; background-color:transparent; position:absolute; z-index:996; bottom:0; left:0; width:100%; height:0; overflow:hidden;visibility:hidden;-webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;}
    .e-container{width:100%; padding:12px 20px 30px 20px; margin:0px; position:relative; text-align:center;}

    .about_bg         {width:100%; padding:40% 15px 20% 15px; text-align:center; background:#333333 url(../images/title_bg.jpg) 50% 0 repeat-y; no-repeat scroll;-webkit-background-size:cover;-moz-background-size:cover;background-size:cover;-o-background-size:cover;}
    .creative_bg      {width:100%; padding:40% 15px 20% 15px;text-align:center; background:#333333 url(../images/title_bg.jpg) 50% 0 repeat-y; no-repeat scroll;-webkit-background-size:cover;-moz-background-size:cover;background-size:cover;-o-background-size:cover;}
    .director_bg      {width:100%; padding:40% 15px 20% 15px;text-align:center; background:#333333 url(../images/title_bg.jpg) 50% 0 repeat-y; no-repeat scroll;-webkit-background-size:cover;-moz-background-size:cover;background-size:cover;-o-background-size:cover;}
    .news_bg           {width:100%; padding:40% 15px 20% 15px;text-align:center; background:#333333 url(../images/title_bg.jpg) 50% 0 repeat-y; no-repeat scroll;-webkit-background-size:cover;-moz-background-size:cover;background-size:cover;-o-background-size:cover;}
    .contact_bg       {width:100%; padding:40% 15px 20% 15px;text-align:center; background:#333333 url(../images/title_bg.jpg) 50% 0 repeat-y; no-repeat scroll;-webkit-background-size:cover;-moz-background-size:cover;background-size:cover;-o-background-size:cover;}


    .trt_bg      {width:100%; padding:40% 15px 20% 15px; text-align:center; background:#333333 url(../images/trt_bg.jpg) 50% 0 repeat-y; no-repeat scroll;-webkit-background-size:cover;-moz-background-size:cover;background-size:cover;-o-background-size:cover;}
    .huimai_bg   {width:100%; padding:40% 15px 20% 15px; text-align:center; background:#333333 url(../images/huimai_bg_bg.jpg) 50% 0 repeat-y; no-repeat scroll;-webkit-background-size:cover;-moz-background-size:cover;background-size:cover;-o-background-size:cover;}
    .wanda_bg    {width:100%; padding:40% 15px 20% 15px; text-align:center; background:#333333 url(../images/wanda_bg.jpg) 50% 0 repeat-y; no-repeat scroll;-webkit-background-size:cover;-moz-background-size:cover;background-size:cover;-o-background-size:cover;}
    .hujun_bg    {width:100%; padding:40% 15px 20% 15px; text-align:center; background:#333333 url(../images/hujun_bg.jpg) 50% 0 repeat-y; no-repeat scroll;-webkit-background-size:cover;-moz-background-size:cover;background-size:cover;-o-background-size:cover;}
    .hsl_bg      {width:100%; padding:40% 15px 20% 15px; text-align:center; background:#333333 url(../images/hsl_bg.jpg) 50% 0 repeat-y; no-repeat scroll;-webkit-background-size:cover;-moz-background-size:cover;background-size:cover;-o-background-size:cover;}
    .zhaoshang_bg      {width:100%; padding:40% 15px 20% 15px; text-align:center; background:#333333 url(../images/zhaoshang_bg.jpg) 50% 0 repeat-y; no-repeat scroll;-webkit-background-size:cover;-moz-background-size:cover;background-size:cover;-o-background-size:cover;}
    .mf_bg      {width:100%; padding:40% 15px 20% 15px; text-align:center; background:#333333 url(../images/mf_bg.jpg) 50% 0 repeat-y; no-repeat scroll;-webkit-background-size:cover;-moz-background-size:cover;background-size:cover;-o-background-size:cover;}
    .novartis_bg      {width:100%; padding:40% 15px 20% 15px; text-align:center; background:#333333 url(../images/novartis_bg.jpg) 50% 0 repeat-y; no-repeat scroll;-webkit-background-size:cover;-moz-background-size:cover;background-size:cover;-o-background-size:cover;}

    .button_container{position:relative;margin-top:7px; height:16px; width:16px;cursor:pointer; z-index:999; -webkit-transition:opacity .25s ease; transition:opacity .25s ease;}
    .button_container.active .top{-webkit-transform:translateY(5px) translateX(0) rotate(45deg);-ms-transform:translateY(5px) translateX(0) rotate(45deg);transform:translateY(5px) translateX(0) rotate(45deg);background:#B0C3C7;}
    .button_container.active .middle{opacity:0;background:#B0C3C7;}
    .button_container.active .bottom{-webkit-transform:translateY(-5px) translateX(0) rotate(-45deg);-ms-transform:translateY(-5px) translateX(0) rotate(-45deg);transform:translateY(-5px) translateX(0) rotate(-45deg);background:#B0C3C7;}
    .button_container span{background:#EEEEEE; transition:all .2s ease-in-out;border:none; height:2px; width:100%;position:absolute;top:0; left:0;-webkit-transition:all .35s ease;transition:all .35s ease; cursor:pointer;}
    .button_container span:nth-of-type(2){top:5px;}.button_container span:nth-of-type(3){top:10px;}
    .overlay nav{position:relative; padding:15px; height:80%;top:12%; font-size:1.6em; letter-spacing:0px; line-height:1em; font-weight:300; color:#7D878D; text-transform:none; text-align:center;}
    .overlay ul li{display:block; height:15%; height:calc(100% / 8); min-height:25px; position:relative; opacity:0;}

    .navbar-custom{padding:16px 16px 0px 16px; border-bottom:0px; letter-spacing: 1px;background:0 0; -webkit-transition:background .5s ease-in-out, padding .5s ease-in-out; -moz-transition: background .5s ease-in-out, padding .5s ease-in-out;transition: background .5s ease-in-out, padding .5s ease-in-out;}
    .navbar-custom.top-nav-collapse{padding:9px 16px 10px 16px; background:#242729; -webkit-transition:background .5s ease-in-out, padding .5s ease-in-out;-moz-transition:background .5s ease-in-out, padding .5s ease-in-out;transition: background .5s ease-in-out, padding .5s ease-in-out; -webkit-box-shadow: 0 0 0px 0px rgba(0,0,0,.3);box-shadow: 0 0 0px 0px rgba(0,0,0,.3);}
    .navbar-header{padding:3px 0px 0px 0px;}}

.pro-navs {margin-top: -61px; background: #fff;-webkit-border-radius: 3px; border-radius: 3px; overflow: hidden;}
.pro-navs h3{padding:20px 30px; margin: 0; font-size: 20px; line-height: 20px; font-weight: bold;color: #333; border-bottom: 1px solid #ccc;}
.pro-navs ul{font-size: 16px; line-height: 22px; padding: 20px 0;margin: 0 0 0 20px; list-style: none;}
.pro-navs ul li{float: left;padding: 0 10px; list-style: none;}

.pro-navs a:link,
.pro-navs a:visited{color: #333;}
.pro-navs a:hover{color: #FFAA00;}
.pro-navs ul li.active a:link,
.pro-navs ul li.active a:visited{color: #FFAA00;}

.pro-list{padding: 5px 0;}
.pro-list ul{margin: 0;padding: 0;}
.pro-list ul li{width: 50%; margin: 0;padding: 5px;list-style: none; -webkit-box-sizing: border-box; box-sizing: border-box;}
.pro-list ul li a{display: block;background: #fff; color: #333; overflow: hidden;-webkit-border-radius: 3px;border-radius: 3px;}
.pro-list ul li a:link,
.pro-list ul li a:visited,
.pro-list ul li a:hover{color: #333;}
.pro-list ul li .pic{overflow: hidden;}
.pro-list ul li .pic img{display: block;width: 100%;height: auto;}
.pro-list ul li .intro{padding: 15px 15px 5px;}
.pro-list ul li h3{margin: 0;padding:0 0 10px;margin-bottom: 10px; font-size: 14px; color: #333; line-height: 1em; border-bottom: 1px solid #eee;}
.pro-list ul li h3:hover{color: #FFAA00;}
.pro-list ul li p{font-size: 12px;line-height: 1em;}
.pro-list ul li p .price{color: red;}
.pro-list ul li p span.pull-right{display: none;}
@media screen and (min-width:767px) and (max-width:1000px){
    .pro-list ul{margin: 0 -5px;}
    .pro-list ul li{width: 50%;}
    .pro-list ul li p span.pull-right{display: block;}
}
@media screen and (min-width:992px){
    .pro-list ul li{ width: 33.333%;}
}
@media screen and (min-width:1200px){
    .pro-list ul li{width: 33.333%;}
}

.pro-sidebar{padding: 10px 0 0 10px;-webkit-box-sizing: border-box; box-sizing: border-box;}
.pro-sidebar .weight{padding: 10px 10px 20px 10px; margin-bottom: 10px; background: #fff;-webkit-border-radius: 3px; border-radius: 3px; overflow: hidden;}
.pro-sidebar .weight h3{margin: 0 0 10px; padding: 10px 0;font-size: 16px; color: #333; line-height: 1em; border-bottom: 1px solid #eee;}
.pro-sidebar .weixin img{display: block;margin: 0 auto;max-width: 100%;height: auto;}



.newslist{}
.newslist ul{margin: -10px 0 0 0;padding: 0;}
.newslist ul li{list-style: none;margin: 10px 0 0 0;padding: 0;}
.newslist ul li .pic{overflow: hidden;}
.newslist ul li .title{padding: 5px 0;text-align: center;}
.newslist ul li .title a,
.newslist ul li .title a:link,
.newslist ul li .title a:visited {color: #333; font-size: 14px;line-height: 18px;}
.newslist ul li .title a:hover{color: #FFAA00;}

@media screen and (max-width:768px){
    .pro-navs{margin: -61px 5px 0;}
    .pro-sidebar{padding: 10px 5px;}
    .newslist ul{margin: -10px -5px;}
    .newslist ul li{padding: 5px;}
}

.pro-details{padding-top:10px; overflow: hidden;}
.pro-details .row1{padding: 20px; margin: 0 0 20px; background: #fff; -webkit-box-sizing: border-box; box-sizing: border-box;-webkit-border-radius: 3px; border-radius: 3px; overflow: hidden;}
.pro-details .intro{padding: 0 0 0 20px;font-size: 14px; line-height:30px;}
.pro-details .title{margin: 0 0 15px 0; padding: 10px 0;font-size: 18px; line-height: 22px; color: #333; border-bottom: 1px solid #eee;}
.pro-details .path a{color: #333;}
.pro-details .path a:hover{color: #FFAA00;}
.pro-details .price span{color: red;}
.pro-details .btn-row{margin-top: 10px; margin-bottom: 25px;}
.pro-details .btn-row a{padding-left: 25px; padding-right: 25px; font-size: 16px;}

.pro-details .row2{background: #fff; margin-bottom: 20px;}
.pro-details .row2 .hd{padding: 20px;font-size: 20px; color: #333; font-weight: bold; border-bottom: 1px solid #eee;}
.pro-details .row2 .bd{padding: 30px 20px;overflow: hidden;}
.pro-details .row2 .bd img{ max-width: 100%; width: auto !important; height: auto !important;}

.pro-details .row3{background: #fff;}
.pro-details .row3 .hd{padding: 20px;font-size: 20px; color: #333; font-weight: bold; border-bottom: 1px solid #eee;}
.pro-details .row3 .bd{padding: 20px;}

@media screen and (max-width:768px){
    .pro-details{margin-left: 5px;margin-right: 5px;}
    .pro-details .intro{padding: 10px 0 0 0;}
    .pro-details .row1,
    .pro-details .row2{margin-bottom: 10px;}
}

.my-case-title{line-height: 1.6em;}
.case-meta{color: #999;padding: 20px 0 0 0;}
.case-meta span{padding: 0 15px;}
.case-meta a,.case-meta a:link,.case-meta a:visited,.case-meta a:hover{color: #999;}
.case-details img{width: auto !important;; height: auto !important; max-width: 100%;}









/*侧边栏*/
.izl-rmenu {
    display: none;
    background: url("/static/index/images/r_b.png") no-repeat scroll 0 bottom rgba(0, 0, 0, 0);
    bottom: 10px;
    left: 100%;
    margin-left: -52px;
    margin-bottom: 95px;
    position: fixed;
    z-index: 999;
}
.izl-rmenu .izl_btn {
    cursor: pointer;
    height: 52px;
    margin-bottom: 1px;
    position: relative;
    width: 51px;
}
.izl-rmenu .btn-qq {
    background: url("/static/index/images/r_qq.png") no-repeat scroll 0 0 #727171;
    opacity: 0.5;
}
.izl-rmenu .btn-qq:hover {
    background-color: #488bc7;
    opacity: 1;
}
.izl-rmenu a.btn-qq, .izl-rmenu a.btn-qq:visited {
    background: url("/static/index/images/r_qq.png") no-repeat scroll 0 0 #727171;
    display: block;
    text-decoration: none;
}
.izl-rmenu .btn-wx {
    background: url("/static/index/images/r_wx.png") no-repeat scroll 0 0 #727171;
    opacity: 0.5;
}
.izl-rmenu .btn-wx:hover {
    background-color: #58a81c;
    opacity: 1;
}
.izl-rmenu .btn-wx .pic {
    display: none;
    height: 160px;
    left: -160px;
    position: absolute;
    top: 0;
    width: 160px;
}
.izl-rmenu .btn-wx .pic img{
    width:100%;
}
.izl-rmenu .btn-phone {
    background: url("/static/index/images/r_phone.png") no-repeat scroll 0 0 #727171;
    opacity: 0.5;
}
.izl-rmenu .btn-phone:hover {
    background-color: #ff811b;
    opacity: 1;
}
.izl-rmenu .btn-phone .phone {
    background-color: #ff811b;
    color: #fff;
    display: none;
    font-size: 18px;
    left: -160px;
    line-height: 52px;
    position: absolute;
    text-align: center;
    top: 0;
    width: 160px;
}
.izl-rmenu .btn-top {
    background: url("/static/index/images/r_top.png") no-repeat scroll 0 0 #727171;
    display: none;
    opacity: 0.5;
}
.izl-rmenu .btn-top:hover {
    background-color: #444;
    opacity: 1;
}
.lxfscroll li {
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: contain;
    display: block;
    margin: 0;
    padding: 0;
    width: 100%;
}
.lxfscroll li a {
    display: block;
    margin: 0;
    padding: 0;
    width: 100%;
}



.divBR {
    clear: both;
}
.big {
    padding-bottom: 5px;
}
.popUp .popUpMain img{height:100%;display: block;margin: auto;}

.foot-bar{position: fixed;z-index: 999;left: 0;right: 0;bottom: 0;}
.foot-bar ul{display: flex;justify-content: space-between;margin: 0;padding: 0; margin: 0 0 0 -1px; }
.foot-bar ul li{width: 25%;margin: 0;padding: 0 0 0 1px; list-style: none;}
.foot-bar ul li a{display: block; height: 40px; font-size: 14px; color: #fff; line-height: 40px; text-align: center;background: #f0ad4e;}
.foot-bar ul li a:hover,.foot-bar ul li a:focus{color: #fff;}

@media screen and (min-width:768px){
    .foot-bar{display: none;}
    .izl-rmenu {display: block;}
}
@media screen and (max-width:768px){
    .pages{padding: 5px 0 10px;}
    .list-news .row{padding: 5px;}
    .list-news .row .col-xs-6{ padding:  5px !important; }
}
.order{padding: 5px;}
.order-main{padding: 10px; background: #fff; -webkit-border-radius: 3px; border-radius:3px; overflow: hidden;}
.order .titlem{margin: 0 0 15px 0; border-bottom: 1px solid #ddd; color: #FFAA00; font-weight: bold;}
.order .intro{margin-bottom: 15px; color: #333;}
.service{margin-bottom: 15px;}
.service .mtitle{padding: 15px; color: #fff;font-size: 16px;font-weight: normal;line-height: 1em;background: #333;}
.service .form-row{padding: 10px 0;}
.service h2{font-size: 16px;line-height: 35px;font-weight: normal;margin: 0 0 10px;padding: 0; color: #333; border-bottom: 1px solid #ddd;}
.service h2::before{display: inline-block;content: '';width: 6px;height: 6px;margin: 0 5px 0 0; overflow: hidden; -webkit-border-radius: 50%; border-radius: 50%; font-size: 0;line-height: 0;vertical-align: middle;background: #999;}

.chk-items{display: flex;flex-wrap: wrap;margin:-3px;padding: 0;}
.chk-items li{width: 50%;padding: 3px;margin: 0; list-style: none;}
.chk-items label{position: relative;display: block;margin: 0;text-align: center; border: 1px solid #ddd; -webkit-border-radius: 3px; border-radius: 3px; overflow: hidden;}
.chk-items label::after{display: none;z-index: 1; content: '';position: absolute;right: -16px;bottom: -16px;width: 0;height: 0; font-size: 0;line-height: 0; border: 16px solid transparent; border-bottom-color:#FFAA00;transform: rotate(135deg)}
.chk-items label::before{position: absolute; right: 0; bottom: 0;z-index: 2; content: ''; width: 13px; height: 13px; background: url("../form/checked.png");background-size: cover;}

.chk-items label .pic{height: 170px;padding: 10px;overflow: hidden;display: flex;align-items: center; border-bottom: 1px solid #eee;}
.chk-items label .pic img{display: block;width: auto;height: auto;max-height: 100%;margin: 0 auto;}
.chk-items label p{font-size: 12px;line-height: 18px;color: #333;font-weight: normal;margin: 0;padding: 8px 10px;}
.chk-items input{display: none;}
.chk-items input:checked + label{border: 1px solid #FFAA00;}
.chk-items input:checked + label:after{display: block;}



.price-bar{margin:0 0 20px;padding: 15px; background: #eee; font-size:14px;}
.price-bar span,
.price-bar strong,
.price-bar em{font-style: normal; font-weight:normal;}

.fixed-price-bar{display: none;}
.fixed-price-bar-show{position: fixed; display: block; z-index:99999;}

.btn-send{width:100%; line-height: 1.8;font-size:16px; margin-bottom: 10px;}
.info-box{display:none;}

#info-box .form-group{margin-bottom: 20px;}
.form-group label{font-size: 14px; font-weight: bold;}

.radio-chk{margin: -5px 0;padding: 10px 0 0 0;}
.radio-chk li{margin: 0 0 10px;padding: 0;list-style: none;}
.radio-chk li input{display: none;}
.radio-chk label{position: relative;display: block;margin: 0;padding: 0 0 0 20px;color: #333;font-weight: normal;font-size: 12px;line-height:30px; cursor: pointer;}
.radio-chk label::before{position: absolute;left: 0;top: 50%;position: absolute;left: 0;top: 50%;margin: -8px 0 0 0;width: 14px;height: 14px;font-size: 0;line-height: 0;overflow: hidden;border: 1px solid #bbb;content: ''; -webkit-border-radius: 50%; border-radius: 50%;}
.radio-chk label::after{display: none; position: absolute;left: 3px;top: 50%;margin: -5px 0 0 0;width: 8px;height: 8px;font-size: 0;line-height: 0;overflow: hidden;content: ''; -webkit-border-radius: 50%; border-radius: 50%; background: #FFAA00;}
.radio-chk input:checked + label::before{border: 1px solid #FFAA00;}
.radio-chk input:checked + label::after{display: block;}
.radio-chk label img{display: inline-block;position: relative;vertical-align: middle;max-height: 30px; height: auto; width: auto;}

.chufa-radio label::before{top: 15px;}
.chufa-radio label::after{top: 15px;}

@media screen and (min-width:992px){
    .order{padding: 0;}
    .order-main{padding: 30px;}
    .order .titlem{line-height: 1.8em;font-size: 38px;}
    .service .mtitle{margin-bottom: 10px;}
    .service h2{margin-bottom: 20px;line-height: 40px; font-weight: bold;}
    .chk-items{margin: -5px;}
    .chk-items li{width: 20%;padding: 5px;}
    .chk-items label{cursor: pointer; border-color: #ddd;}
    .chk-items label p{font-size: 16px;line-height: 20px;}
    .radio-chk label{font-size: 14px;}

    .price-bar{margin:0 0 20px;padding: 20px;font-size:16px;}
    .btn-send{width:200px; margin-bottom: 0;}

    .form-inline{margin-left: -20px;}
    .form-inline label{padding-left: 20px;}

    .tels{
	    font-size: 18px;
	    line-height: 26px;
	    font-weight: 400;
	    letter-spacing: 1px;
	    color: #EEEEEE;
    }
    .telb{
    	font-size: 50px;
    	line-height:60px;
    }
    .telm{
    	font-size: 50px;
    	line-height:60px;
    }
}

.list-case{ margin: -10px 0 0 -10px; }
.list-case .list-case-item{padding: 10px 0 0 10px; }
.list-case .list-case-item img{display: block;width: 100%;height: auto; max-width:none;}
.list-case .list-case-item a{display: block; position: relative;}

@media screen and (max-width:768px){
    .list-case{ margin: -5px 0 0 -5px; }
    .list-case .list-case-item{padding: 5px 0 0 5px; }

    
}

.news-title{ padding: 5px 0; margin: 0 0 20px; border-bottom: 2px solid #fff; font-size: 18px; font-weight: bold; line-height: 2em; text-align: center; color: rgb(242, 242, 242); }
.news-content {font-size: 16px; color: rgb(242, 242, 242); line-height: 1.8em;}
.news-content p{margin: 0; padding: 0;}
.news-content img{ max-width: 100%; width: auto !important; height: auto !important;  }

@media screen and (max-width:768px){
    .news-details .title-container{padding: 30px 0; line-height: 1em;}
    .news-content {font-size: 14px;}
}

.index-block{height: 30px;}
.index-title{padding: 30px 0; font-size: 38px;font-weight: bold; text-align: center; color: #FFAA00; letter-spacing:1px; line-height: 1.6em;}
.list-news-index{margin: 0 0 10px -10px;}
.list-news-index .photo{padding: 0; margin: 0;}
.list-news-index .lsit-news-item{padding: 10px 0 0 10px;}
.lsit-news-item{float: left; width: 20%;}
.lsit-news-item .newss p{height: 72px; overflow: hidden;}


.index-keti .news_bg{padding-top: 50px; padding-bottom: 50px;}


@media screen and (max-width:768px){
   .index-block{height: 30px;}
   .index-title{font-size: 21px;padding: 15px 0;}
   .list-news-index{margin: 0 0 5px -5px;} 
   .list-news-index .lsit-news-item{padding: 5px 0 0 5px;}
   .lsit-news-item{float: left; width: 50%;}

   .lsit-news-item .newss p{height: 126px;}


   .index-keti .news_bg{padding-top: 30px; padding-bottom: 30px;}
}