body {

    width: 100%;

    height: 100%;

    font-family: "微软雅黑", "Arial Unicode MS";

    color: #fff;

    background-color: #000;

}



.body {

    position: relative;

    width: 100%;

    overflow: hidden;

}



html {

    width: 100%;

    height: 100%;

}



h1,

h2,

h3,

h4,

h5,

h6 {

    margin: 0 0 35px;

    font-family: "微软雅黑", "Arial Unicode MS";

    font-weight: 700;

    position: relative;

    z-index: 1;

}



p {

    margin: 0 0 25px;

    font-size: 18px;

    line-height: 1.5;

    position: relative;

    z-index: 1;

}



@media(min-width:767px) {

    p {

        margin: 0 0 35px;

        font-size: 20px;

        line-height: 1.6;

    }

}



a {

    -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;

    

}



/* Header styles

================================================== */



/*库博优势*/



.ys{ width:100%; margin:3% auto 0;  }

.ys img{ width:30%; margin:8% auto 1%; display: block;}

.ys .ys_two{ width:20%; float: left;}



.navbar {

    margin-bottom: 0;

    border-bottom: 1px solid rgba(255,255,255,.3);

    text-transform: uppercase;

    font-family: "微软雅黑", "Arial Unicode MS";

    background-color: #000;

}



.navbar-brand {

    font-size: 30px;

    font-weight: 700;

    margin-top: 10px;

}



.navbar-brand:focus {

    outline: 0;

}



.top-menu {

    margin-top: 20px;

}



.top-nav-collapse {

    padding: 0px;

    background: #fff !important;

    padding: 4px 0 14px 0 !important;

    margin: 0px;

    margin: -9px auto;

    border: none !important;

}



.top-nav-collapse .navbar-brand {

    font-size: 21px;

    font-weight: 700;

    margin-top: 10px;

    color: #222;

}



.navbar-custom a {

    color: #fff;

}



.navbar-custom .nav li a {

    -webkit-transition: background .3s ease-in-out;

    -moz-transition: background .3s ease-in-out;

    transition: background .3s ease-in-out;

    font-size: 15px;

    font-weight: 700;

    border-top: 1px solid transparent !important;

    border-bottom: 1px solid transparent !important;

}



.navbar-custom .nav li a:hover,

.navbar-custom .nav li a:focus,

.navbar-custom .nav li.active a {

    outline: 0;

    border-top: 1px solid #fff !important;

    border-bottom: 1px solid #fff !important;

    background: transparent !important;

}



.navbar-custom .nav li:nth-child(1) a:hover,

.navbar-custom .nav li:nth-child(1) a:focus,

.navbar-custom .nav li:nth-child(1).active a {

    outline: 0;

    border-top: 1px solid rgba(0,0,0,0) !important;

    border-bottom: 1px solid rgba(0,0,0,0) !important;

    background: none !important;

}



.navbar-nav{ display: flex;justify-content: center}

.nav > li {

    padding: 0px 33px;

    /* padding: 0px 15px;*/

   display: flex;

    align-items: center;

}



.nav > li.lang-change a {border:1px solid #eee!important;padding:0 10px!important; padding-top:2px!important; padding-bottom:2%!important}

.nav > li.lang-change a:first-child{ border-right:none!important; }

.nav > li.lang-change a:first-child{background:#eee; color:#333;}

.nav > li.lang-change a:hover,.nav > li.lang-change a:active,.nav > li.lang-change a:focus{ cursor: pointer; border:none!important; border-top:1px solid #fff!important; background:#aaa!important; color:#fff!important; border-bottom:1px solid #fff!important; border-right:1px solid #fff!important; border-left:1px solid #fff!important;}

.nav > li.lang-change a:first-child:hover,.nav > li.lang-change a:first-child:focus,.nav > li.lang-change a:first-child:active{ border-right:none!important;}

.nav > li > a {

    position: relative;

    display: block;

    padding: 10px 0px;

   

    /*zhd padding: 10px 0px;*/

}



.nav > li.login-btn a{background: #4E95EA;color: #fff!important;font-size: 14px;line-height: 30px;font-weight: 400!important;display: block;padding: 0 20px;border-radius: 2px;}

.nav > li.login-btn a:hover{

	outline: 0;

    border-top: none!important;

    border-bottom: none!important;

    background: #000!important;

}







.navbar-nav > li > a {

    padding-top: 5px !important;

    padding-bottom: 3px !important;

    text-align: center;

}



.navbar-toggle {

    padding: 4px 6px;

    font-size: 16px;

    color: #bbb;

}

.navbar-nav > li > a > img{ width:100%;}



.navbar-toggle:focus,

.navbar-toggle:active {

    outline: 0;

}







@media(min-width:767px) {

    .navbar {

        padding: 20px 0;

        border-bottom: 0;

        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;

    }



    .top-nav-collapse {

        padding: 0;

    }



    .navbar-custom.top-nav-collapse {

        border-bottom: 1px solid rgba(255,255,255,.3);

    }

}



.top-nav-collapse .navbar-nav a, .top-nav-collapse .nav a {

    color: #222 !important;

}



.top-nav-collapse .navbar-toggle {

    padding: 4px 6px;

    font-size: 16px;

    color: #bbb;

    top: 11px;

    margin-bottom: 9px;

}



.top-nav-collapse .nav li a:hover,

.top-nav-collapse .nav li a:focus,

.top-nav-collapse .nav li.active a {

    border-top: 1px solid #222 !important;

    border-bottom: 1px solid #222 !important;

}



/* Intro Top content styles

================================================== */



.intro {

    display: table;

    width: 100%;

    height: auto;

    padding: 350px 0 330px;

    text-align: center;

    color: #fff;

    position: relative;

    z-index:1;

}



.intro-page {

    padding: 150px 0 130px;

    background:#313131 url(https://cos.waytrip.cn/static/SLweb/demo/bg/1.jpg) no-repeat center;

    background-size: 100% auto;

}



.intro-body {

    display: table-cell;

    vertical-align: middle;

}



.brand-heading {

    font-size: 54px;

    font-weight: 200;

    margin: 0px;

    text-transform: uppercase;

}



.intro-text {

    font-size: 18px;

    text-transform: uppercase;

    font-weight: 700;

    margin: 0px;

}



.line {

    background: #fff;

    width: 80px;

    height: 1px;

    margin: 50px auto;

    position: relative;

    z-index: 1;

}



.line1 {

    background: #000;

    width: 80px;

    height: 1px;

        margin: 32px auto 61px;

    position: relative;

    z-index: 1;

}



.line3 {

    background: #fff;

    width: 80px;

    height: 1px;

    margin: 25px auto;

    position: relative;

    z-index: 1;

}



#intro-slider .controlNav {

    display: none;

}



#intro-slider .flex-direction-nav {

    display: none;

}



/* Welcome styles

================================================== */



.welcome-content {

    padding: 130px 0;

    background: #fff;

    position: relative;

    z-index:1;

}



.welcome-content h3,.team-content h3, .services-content h3, .portfolio-wrap h3, .testimonial-wrap h3, .contact-wrap h3 {

    color: #222222;

    text-align: center;

    font-size: 27px;

    font-weight: 700;

    margin-top: 0px;

    line-height: 24px;

    margin-bottom: 30px;

    text-transform: uppercase;

}



.welcome-content p, .team-content p, .services-content p, .contact-wrap p {

    color: #3d3d3d;

    text-align: center;

    font-size: 17px;

    font-weight: 400;

    line-height: 22px;

    width: 85%;

    margin: 20px auto 0;

}

.services-content h3 , .services-content p, .testimonial-wrap h3 {

    color: #333;

}



.btn1 {

    color: #fff;

    text-transform: uppercase;

    font-size: 14px !important;

    font-weight: 600;

    border: 2px solid #eee;

    padding: 11px 44px;

    font-family: "微软雅黑", "Arial Unicode MS";

    display: table;

    margin: 45px auto 0;

    -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;

}



.btn1:hover {

    border-color: #888;

    color: #888;

    -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;

}



.btn2 {

    margin: 45px 0 0;

}



/* Facts styles

================================================== */



.facts-content {

    padding: 130px 0;

    /*background:#313131 url(https://cos.waytrip.cn/static/SLweb/demo/bg/8.jpg) no-repeat center;*/

   background:#f8f8f8;

    background-size: 100% auto;

    position: relative;

    z-index:1;

}



.facts-content h3 {

    color: #fff;

    text-align: center;

    font-size: 20px;

    font-weight: 700;

    margin-top: 0px;

    line-height: 24px;

    margin-bottom: 35px;

    text-transform: uppercase;

    /*zhdmargin-bottom: 80px;*/

}



.fact-info h4 {

    color: #fff;

    text-align: center;

    font-size: 20px;

    font-weight: 400;

    margin: 0px;

    line-height: 24px;

    text-transform: uppercase;

}



.fact-info h4 em {

    font-style: normal;

}



.fact-info h4 span {

    font-weight: 700;

}



.fact-info p {

    color: #f1f1f1;

    font-size: 13px;

    font-weight: 400;

    text-align: center;

}



.line2 {

    background: #989898;

    height: 1px;

    margin: 25px auto 35px;

    width: 65px;

}



/* Extras

================================================== */



.no-padding {

    padding: 0px !important;

}



.no-padding {

    padding: 0px;

}



.space10 {

    margin-bottom: 10px;

}



.space15 {

    margin-bottom: 15px;

}



.space20 {

    margin-bottom: 20px;

}



.space25 {

    margin-bottom: 25px;

}



.space30 {

    margin-bottom: 30px;

}



.space35 {

    margin-bottom: 35px;

}



.space40 {

    margin-bottom: 40px;

}



.space50 {

    margin-bottom: 50px;

}



.space60 {

    margin-bottom: 60px;

}



.space70 {

    margin-bottom: 70px;

}



.space80 {

    margin-bottom: 80px;

}



.space90 {

    margin-bottom: 50px;

}



/* Team Styles

================================================== */



.team-content {

    padding: 130px 0;

    background: #fff;

    position: relative;

    z-index:1;

}



.staff-content { margin-bottom: 2%;}



.staff-content h4 {

    color: #222222;

    font-size: 20px;

    text-align: center;

    font-weight: bold;

    text-transform: uppercase;

    line-height: 25px;

    margin: 22px 0 0;

}



.staff-content h4 span {

    display: block;

    font-size: 14px;

    font-weight: 600;

}



.staff-img {

    position: relative;

}



.staff-img .overlay {

    background: rgba(0,0,0,0.8);

    width: 100%;

    height: 100%;

    position: absolute;

    left: 0px;

    right: 0px;

    top: 0px;

    opacity: 0;

    -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;

    cursor: pointer;

}



.staff-content:hover {

    cursor: pointer;

}



.staff-content:hover .overlay {

    opacity: 1;

    -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;

}



.team-social {

    padding: 0px;

    margin: auto;

    display: table-cell;

    height: 27px;

    vertical-align: middle;

    position: absolute;

    left: 0px;

    right: 0px;

    top: 0px;

    bottom: 0px;

    width: 160px;

}



.team-social li {

    float: left;

    list-style: none;

}



.team-social li a {

    color: #fff;

    margin: 0 12px;

    font-size: 20px;

}



.team-social li a:hover {

    opacity: 0.3;

}



/* Services Styles

================================================== */



.services-content {

    padding: 130px 0;

    /*background:#313131 url(https://cos.waytrip.cn/static/SLweb/demo/bg/5.jpg) no-repeat center;*/

   background:#f8f8f8;

    background-size: 100% auto;

    position: relative;

    z-index:1;

    overflow: hidden

}



.service-content {}



.service-content img {

    display: table;

    margin: 0 auto 37px;

    -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;

}



.service-content:hover {

    cursor: pointer;

}



.service-content-inner {

    background: transparent;

    padding: 30px 0;

    -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;

}



.service-content:hover .service-content-inner {

    -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;

}



.service-content:hover img {

    transform: scale(.8);

    -ms-transform: scale(.8);

    -moz-transform: scale(.8);

    -webkit-transform: scale(.8);

    -o-transform: scale(.8);

    -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;

}



.service-content h4 {

    text-align: center;

    margin: 0px;

    font-size: 18px;

    text-transform: uppercase;

}



/* Porfolio Styles

================================================== */



#filters {

    margin: 10px auto 40px;

    display: table;

    padding: 0;

    list-style: none;

}



#filters li {

    float: left;

    text-align: center;

    margin: 0 5px;

}



#filters li span {

    display: block;

    padding: 5px 12px;

    text-decoration: none;

    color: #222222;

    cursor: pointer;

    text-transform: uppercase;

    border: 2px solid #fff;

    font-size: 14px;

    font-weight: 600;

}



#filters li span.active, 	#filters li span:hover {

    border: 2px solid #222222;

}



#portfoliolist .portfolio {

    -webkit-box-sizing: border-box;

    -moz-box-sizing: border-box;

    -o-box-sizing: border-box;

    width: 20%;

    display: none;

    float: left;

    margin-top:3%;

    text-align: center;

    overflow: hidden;

    

}

#portfoliolist{ width:72%; margin:0 auto}

.portfolio-wrapper {

    overflow: hidden;

    position: relative !important;

    cursor: pointer;

    /*zhd*/

   width:85%;

   text-align: center;

   margin:0 auto;

    

   /*border:1px solid #eee;*/

}



.portfolio img {

    max-width: 100%; padding: 13%;

	background:#fff;

    position: relative;

    -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:hover img {

    cursor: pointer;

    transform: scale(1.5);

    -ms-transform: scale(1.5);

    -moz-transform: scale(1.5);

    -webkit-transform: scale(1.5);

    -o-transform: scale(1.5);

    -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;

}



.overlay1 {

    background: rgba(0,0,0,0.7);

    position: absolute;

    width: 100%;

    height: 100%;

    left: 0px;

    right: 0px;

    top: 0px;

    opacity: 0;

    -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;

}



.overlay-text {

    font-weight: 600;

    text-transform: uppercase;

    /*border: 2px solid #fff;*/

    padding: 3px 5px;

    height: 50px;

    /*width: 196px;*/

    line-height:22px;

    display: table-cell;

    margin: auto;

    vertical-align: middle;

    display: flex; 

    align-items: center;

    justify-content: center;

    flex-wrap: wrap;

    position: absolute;

    left: 0px;

    right: 0px;

    font-weight: normal;

    font-size:16px;

    top: 0px;

    bottom: 0px;

    color: #fff;

}



/*.overlay-text:hover {

    background: #fff;

    color: #000;

}*/



.portfolio-wrap {

    padding: 130px 0;

    position: relative;

    z-index:1;

}



.portfolio:hover .overlay1 {

    opacity: 1;

    -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-main {

    margin-bottom: 60px;

}



/* Testimonials Styles

================================================== */



.testimonial-wrap {

    padding: 0px 0;

    

   	background:#000 url(/images/foot_bg.jpg) center center!important;

    background-size: 100% auto;

    position: relative;

    z-index:1;

}



.client-img {

    max-width: 60%;

    display: table;

    margin: 45px auto;

    width: auto !important;

    border: 2px solid #fff;

    border-radius: 5px;

}





/* video Styles

================================================== */



.video-content {

    position: relative;

    z-index:1;

	background: #fff;

}

.video-top{width:100%;margin: 0 auto 80px;position: relative}

.video-img{width:100%;margin: 0 auto;}

.video-img img{width:100%;margin: 0 auto;display: block}



.video-cover{width:100%;height: 100%;position: absolute;top: 0;left: 0;z-index: 10;display: flex;align-items: center;justify-content: center;}

.video-cover h3{color: #fff;}

.video-cover img{width:80px;margin:20px auto 0;display: block;cursor: pointer}



.videos{position:fixed; left:0; top:0; z-index:3000; width:100%; height:100%;background: rgba(0,0,0,0.8); align-items: center;justify-content: center;display: none}

.vclose { position:absolute;right:1%; top:1%; border-radius:100%; cursor: pointer; }





/* Contact Styles

================================================== */



.contact-wrap {

    background: #fff;

    padding: 130px 0;

    position: relative;

    z-index:1;

}



.contact-info {

}



.contact-info h5 {

    color: #222;

    font-size: 20px;

    text-transform: uppercase;

    text-align: center;

    display: table;

    margin: 0 auto;

}



/* Footer Styles

================================================== */



footer {

    padding: 20px 0;

    background: #222;

    position: relative;

    z-index:1;

}



.social {

    padding: 0px;

    margin: 0 auto 15px;

    display: table;

	font-family:"微软雅黑";

}



.social li {

    float: left;

    list-style: none;

}



.social li a {

    color: #fff;

    margin: 0 12px;

    font-size: 20px;

}



.social li a:hover {

    color: #888;

}



.copy {

    font-size: 13px;

    text-align: center;

    margin: 0px;

    color: #f1f1f1;

}



.copy a {

    color: #f1f1f1;

}



.copy a:hover {

    text-decoration: underline;

}



/* Blog Page Styles

================================================== */



.post-wrap {

    background: #fff;

    padding: 130px 0;

}



article h4 {

    font-size: 20px;

    text-transform: uppercase;

    color: #222;

    margin-top: 45px;

    margin-bottom: 5px;

}



article h4:hover {

    color: #888;

}



article p {

    font-size: 13px;

    color: #3d3d3d;

    line-height: 21px;

    margin-bottom: 23px;

}



.post-detail article p {

    font-size: 13px;

    color: #3d3d3d;

    line-height: 21px;

    margin-bottom: 15px;

}



blockquote {

    color: #3d3d3d;

    font-size: 13px;

    border-left: 5px solid #9e9e9e;

    padding-left: 25px;

    line-height: 21px;

}



article .btn1 {

    margin-top: 0px;

}



.post-meta {

    font-size: 13px;

    color: #3d3d3d;

    margin-bottom: 15px;

}



.post-meta a {

    color: #3d3d3d;

}



.post-meta em {

    font-style: normal;

    margin: 0 10px;

}



.post-date {

    width: 75px;

    height: 95px;

    border-right: 1px solid #000;

    position: relative;

    right: -2px;

}



.date {

    font-size: 20px;

    text-transform: uppercase;

    text-align: center;

    color: #222;

    font-weight: 700;

    margin-top: -10px;

    padding-bottom: 18px;

    border-bottom: 1px solid #000;

}



.like a {

    color: #222;

    display: table;

    margin: 12px auto 0;

}



.post-small {

    margin-bottom: 60px;

}



.comments {

    margin-top: 80px;

}



.comments h3, .comment-form h3 {

    text-transform: uppercase;

    font-size: 20px;

    color: #222;

}



.comment-form h3 {

    margin-bottom: 10px;

}



.comment-avatar {

    float: left;

    width: 76px;

}



.comment-avatar img {

    max-width: 100%;

}



.comment-info {

    margin-left: 100px;

}



.comment-info h5 {

    font-size: 20px;

    color: #222;

    margin-bottom: 17px;

}



.comment-info h5 span {

    font-size: 13px;

    color: #3d3d3d;

    font-weight: 400;

    display: block;

}



.sub-comment {

    padding-left: 100px;

}



.line-comment {

    background: #ddd;

    height: 1px;

    width: 65%;

    margin-right: 17%;

    float: right;

    margin-top: 5px;

    position: relative;

}



.line-comment span {

    position: absolute;

    color: #000;

}



.comment-content {

    padding-bottom: 35px;

}



.comment-form {

}



.comment-form input, .comment-form textarea {

    border: 1px solid #ddd;

    min-height: 50px;

    padding: 0 15px;

    width: 100%;

}



.comment-form label {

    font-size: 13px;

    color: #3d3d3d;

    font-weight: 400;

    margin-top: 18px;

    margin-bottom: 10px;

}



.line-comment span {

    position: relative;

    top: -10px;

    background: #fff;

    padding-left: 10px;

    width: 60px;

    right: 0px;

    display: table;

    float: right;

    font-size: 13px;

}



.line-comment span a {

    color: #3d3d3d;

}



.cover {

    background: url(https://cos.waytrip.cn/static/SLweb/images/overlay.png) repeat scroll 0 0 rgba(0, 0, 0, 0);

    position: absolute;

    right: 0px;

    left: 0px;

    top: 0px;

    width: 100%;

    height: 100%;

    z-index: 0;

}



.text-slide,

.welcome-text,

.fact-info,

.staff-content,

.fade-text,

.service-content,

.portfolio,

.quote-slide,

.contact-info {

    visibility: hidden;

}



/* Project single Page Styles

================================================== */



.project-single {

    padding: 70px 0;

    background: #fff;

}



.project_details {

    padding: 0;

    margin: 35px 0 -15px;

    display: table;

    width: 100%;

    font-size: 14px;

    font-weight: 400;

}



.project_details h3 {

    font-size: 14px;

    font-weight: 700;

    text-transform: uppercase;

    border-bottom: 1px solid #ddd;

    padding-bottom: 15px;

}



.project_details span {

    padding: 5px 0;

    margin: 0;

    font-size: 13px;

    color: #454545;

    float: left;

    width: 100%;

}



.project_details em {

    font-style: normal;

    text-transform: uppercase;

    font-size: 13px;

    width: 40%;

    display: table;

    float: left;

    font-weight: 700;

}



.project_details a {

    margin-right: 10px;

}



.addto_favorites {

    font-size: 13px;

    color: #888;

    display: table;

    float: left;

    margin-right: 25px;

    text-transform: uppercase;

}



.addto_favorites i {

    margin-right: 12px;

}



.addto_favorites:hover {

    color: #888;

}



.small_social_links {

    display: table;

}



.small_social_links li {

    padding: 0;

    margin: 0 9px 0 0;

    float: left;

    width: 18px;

    height: 18px;

}



.small_social_links li a {

}



.small_social_links li a:hover {

    color: #999;

}



.project-info h3 {

    color: #333;

    margin: 0 0 15px;

}



.project-info p {

    color: #666;

    margin: 0 0 20px;

    font-size: 14px;

}



.project_details {

    display: table;

    width: 100%;

}



.project-info .btn1 {

    border-color: #999;

    color: #999;

}



.project-info .btn1:hover {

    border-color: #888;

    color: #888;

}



.vdeo {

    position: relative;

    padding-bottom: 56.25%;

    height: 0;

    overflow: hidden;

    border: 0;

}



.vdeo iframe,.vdeo object,.vdeo embed {

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

}





/* #Tablet (Portrait)

================================================== */



/* Note: Design for a width of 768px */

@media only screen and (min-width: 768px) and (max-width: 959px) {



.navbar-custom .nav li a {

    font-size: 9px;

}



.nav > li {

    padding: 0px 10px;

}



}



/*  #Mobile (Portrait)

================================================== */



/* Note: Design for a width of 320px */

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



    .post-date {

        display: none;

    }



    .navbar {

        border: none;

    }



    .navbar-brand {

        font-size: 24px;

        margin-top: 0px;

    }



    .intro {

        padding: 170px 0 60px;

    }



    .staff-content {

        width: 250px;

        margin: 0 auto 40px;

    }



    .team-content {

        padding: 130px 0 90px;

    }



    .service-content {

        margin-bottom: 40px;

    }



    .services-content .col-md-12 {

        margin-bottom: 0px !important;

    }



    #portfoliolist .portfolio {

        width: 100%;

    }



    #filters li {

        float: none;

        text-align: center;

        margin: 0px 5px;

    }



    .contact-info {

        margin-bottom: 40px;

    }



    .contact-wrap {

        padding: 110px 0 70px;

    }



    .intro ,

    .facts-content ,

    .services-content ,

    .testimonial-wrap {

       background-size: 200% 200%;

    }

	

    .project-info .col-md-7 {

      margin-bottom:30px;

    }



}



/* #Mobile (Landscape)

================================================== */



/* Note: Design for a width of 480px */

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

}









.section9{width:80%; background:#fff;  margin:0 auto; padding:4% 10% 0%; clear: both;}

.section9 h4{ color:#333; text-align: center;}

.section9 .section9_tit{ width:90%; margin:0 auto;}

.section9 .section9_tit h4{ width:100%; margin:0 auto; text-indent: 20px; font-size:20px; color:#333; text-align: left; position: relative; line-height:20px; font-weight: bold;}

.section9 .section9_tit h4:before{content:''; width:12px; height:100%; -webkit-transform-origin:100% 0;transform-origin: 100% 0; -webkit-transform:scaleX(.5);transform:scaleX(.5); position: absolute; top:0; left:0; border-left:12px solid #858585;}

.section9 p{ width:100%; margin:0 auto; text-align: center;padding:3% 0; font-size:16px; color:#000;}

.section9 .section9_list{ width:96%; padding:2% 0; margin:0 auto 5%; border-top:2px solid #000;}

.section9 .section9_list ul{ width:100%; margin:0 auto;}

.section9 .section9_list ul li{ list-style: none;  width:100%; position: relative;}

.section9 .section9_list ul li a{ width:100%; display: block;  text-decoration: none; color:#333; padding:1% 0;}

.section9 .section9_list ul li a p{ width:100%; text-align:left; font-size:16px; color:#000; font-family:'微软雅黑';position: relative; line-height:53px; padding:0; margin:0 auto;}

.section9 .section9_list ul li a:hover p{  color:#777;}

.section9 .section9_list ul li:after{content:''; width:100%; height:1px; -webkit-transform-origin:0 100%;transform-origin:0 100%; -webkit-transform:scaleY(.5);transform:scaleY(.5); position: absolute;left:0; bottom:0; border-bottom:1px solid #ddd;}

.section9 .section9_list ul li a p i{ float: right; font-size:16px; font-style: normal;}

.section9 .section9_list ul li a .section9_info{ width:100%; border:1px solid #ddd; padding:2% 5%; margin:1% auto 0; display: none;}

.section9 .section9_list ul li a .section9_info span{ width:100%; display: block; color:#333; font-size:16px; text-align: left;line-height:22px; margin-top:8px;}

.section9 .section9_list ul li a .section9_info i{ width:100%; font-style: normal; display: block; font-size:15px; color:#666; text-align: left;line-height:30px;}

.section9 .section9_list ul li a .section9_info img{ width:3%; margin:0 auto; display: block; padding:2% 0 0;} 



.section9_contact_info{ width:88%; margin:0 auto; padding:2% 0 0; }



.section9_contact_info span{ width:100%; text-align: center;font-size:16px; color:#333; line-height:30px; display:block;}





/*底部*/

.section7{width:100%; margin:0 auto; padding:6% 0 1%; clear: both;}

.section7 h1{ width: 100%;text-align: center;line-height: 30px;font-weight: 300;font-size: 30px; color: #fff; margin:0 auto 4%}

.section7 p{ width:100%;margin-bottom:10px; padding:1% 0; color:#fff; font-size:18px; text-align: center;;}

.section7 span{ width:100%; display: block; color:#fff; font-size:16px; line-height:25px; text-align: center;}

.section7 .section7_infos{ width:100%; margin:3% auto 0;}

.section7 .section7_infos i{ width:100%;font-style: normal; font-size:16px;line-height:23px; text-align: center; display: block; color:#fff; font-weight:100;}

.section7 .section7_imgs{ width:40%; margin:3% auto; text-align: center; position: relative;}

.section7 .section7_imgs img{ width:12%;}



.section7 .section7_imgs .wx_ewm1{ width:40%; position: absolute; bottom: 0;z-index: 102;display: none;right: -10%; text-align: center;}

.section7 .section7_imgs .wx_ewm1 img{ width:100%;padding:3px; background:#fff;}

.section7 .section7_imgs .wx_ewm2{ width:40%; position: absolute; bottom: 0;z-index: 102;display: none;right: -10%; text-align: center;}

.section7 .section7_imgs .wx_ewm2 img{ width:100%;padding:3px; background:#fff;}





/*.bg_img{  }*/



/*视频动态*/

.video_cover{width: 100%;height: 100%;position: fixed;top: 0;left: 0;z-index: 3000;background: rgba(0,0,0,0.7);display: none;align-items: center;justify-content: center;}

.video_con{width: 60%;margin: 0 auto;}

.video_con iframe{width: 100%;margin: 0 auto;display: block;}

.video_close{position: absolute;top: 20px;right:20px;z-index: 1;width: 45px;}

.video_close img{width: 45px;margin: 0 auto;display: block;}