.Penumbra{font-family: 'Penumbra'}
.width200{width: 200px}
a:focus, a:hover { text-decoration: none !important;}
ul.submenu {
        /*默认隐藏*/
        display: none;
    }
    ul.submenu > li {
        border-bottom: 1px solid #fff;
    }ul.submenu {
        /*默认隐藏*/
        display: none;
    }
    ul.submenu > li {
        border-bottom: 1px solid #fff;
    }ul.submenu {
        /*默认隐藏*/
        display: none;
    }
    ul.submenu > li {
        border-bottom: 1px solid #fff;
    }ul.submenu {
        /*默认隐藏*/
        display: none;
    }
    ul.submenu > li {
        border-bottom: 1px solid #fff;
    }ul.submenu {
        /*默认隐藏*/
        display: none;
    }
    ul.submenu > li {
        border-bottom: 1px solid #fff;
    }/*动画帧*/
@keyframes fade {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}
/*基础动画样式*/
.animated {
    animation-duration: 3s;
    animation-fill-mode: both;
}



.fadeIn {
    animation-name: fade;
    animation-direction: normal;
}

@font-face {
    font-family: "Penumbra";
    src:url(../../../font/Penumbra.ttf);
}


.font-size120{font-size:120px;}


/*--------------------------------------------------
    [SASS PLACEHOLDER]
----------------------------------------------------*/
/* Carousel Title */
.carousel .carousel-title-v1, .carousel .carousel-title-v2, .carousel .carousel-title-v3 {
  font-size: 100px; }

/* Carousel Subtitle */
.carousel .carousel-subtitle-v1, .carousel .carousel-subtitle-v2, .carousel .carousel-subtitle-v3 {
  font-size: 21px;}

/* Carousel Position Left */
.carousel .carousel-position-one, .carousel .carousel-position-two, .carousel .carousel-position-three {
  position: absolute;
  left: auto;text-transform:Uppercase }

/*--------------------------------------------------
	[TRANSITION]
----------------------------------------------------*/


@media (max-width: 768px){
.w3pvt-logo h2, .w3pvt-logo h3 {
    font-size: 60px !important;
}

	.w3pvt-logo h3 span {padding-left: 0 !important;}
	
	.jieshao {
    font-size: 20px !important;}
    .jieshao1{font-size:20px !important}
	

.logo a img{float: left !important}
	
	.top-cont { padding-top: 150px;}
	.banner2{height:120px !important}
	
	
	.bottom48{margin-bottom: 10px}
	.ty{background:#f2f2f2;width:540px;height:740px;padding:10px;}
	.bg-hui{background: #f6f6f6;padding: 30px 50px 20px 50px;}

	.zuo1{width:20%}
	.you1{width:80%;line-height:1.75em;}
} 



@media (min-width: 800px){
.container-list{width: 700px;height:auto;margin:0 auto;}
.aui-nav-list-taba{width: 730px;height:auto;margin:0 auto;}	
	.container-about-us{width: 700px;margin:0 auto}	
.carousel .carousel-title-v1, .carousel .carousel-title-v2, .carousel .carousel-title-v3{font-size: 40px !important}
	.container-big{width:758px;}
	.border-nav{border-bottom: none !important;}	
	.bottom-font{margin-bottom: 80px !important}
	.bottom-font1{margin-bottom: 150px !important;}
	.carousel .item {width: 100%;height: 100vh;padding-top:20px !important;padding-left:100px }
    .china1{display: none !important}
.china{margin-right:-100px}
	.toggle_menu{top:25px}
	.container-about{width:740px}
	.carousel .carousel-subtitle-v2{font-size: 20px !important}
	.bg-grey{height: 710px;}
	.jieshao {font-size: 20px !important;}
	.logo a img{float: left !important}
.w3pvt-logo {padding-top: 180px;}

	.features1 {padding: 40vw 0 2vw 3vw !important;}
.yi{width: 210px;height:193px;border-right:1px solid #fff;font-size: 30px;line-height: 180px;}
	.yi-yi{width: 250px;height:193px;border-right:1px solid #fff;font-size: 30px;line-height: 180px;letter-spacing: 6px;}
	.er{width:280px;height:193px;border-right:1px solid #fff;padding-left: 32px;padding-top: 10px}

	.san{width: 150px;padding-left:30px;padding-top: 48px}
	.ty{background:#f2f2f2;width:540px;height:740px;padding:30px}
    .team-avatar img{height:300px;width:300px}
	.bg-hui{background: #f6f6f6;padding: 30px 100px 20px 100px;}
	.jieshao1{font-size:36px !important;line-height: 69px;letter-spacing: 0.2em;}
.zuo1{width:15%}
	.you1{width:84%;line-height:1.75em;}
}

@media (min-width: 992px){
.logo a img{float: right !important}
	.china{display: block}
}

@media (min-width: 1024px){
	.container-list{width: 800px;height:auto;margin:0 auto;}
	.aui-nav-list-taba{width: 830px;height:auto;margin:0 auto;}
.container-about-us{width: 800px;margin:0 auto}	
.carousel .carousel-title-v1, .carousel .carousel-title-v2, .carousel .carousel-title-v3{font-size: 60px !important}
	.border-nav{border-bottom: none !important;}	
	.bottom-font{margin-bottom: 100px !important}
	.bottom-font1{margin-bottom: 180px !important}
	.container-big{width:990px;}
	.container-about{width:720px}
    .china{margin-right:-120px}
	.toggle_menu{top:25px}
	.title{width:66%;float:right;margin-top:10px !important}
	.bg-grey{height: 723px;}

	.bg p{margin:5px 0 0 0 !important;display: -webkit-box;
  overflow: hidden;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;}
.w3pvt-logo {padding-top:220px;}
    .jieshao{font-size:30px !important;}
	.yi{width: 250px;height:193px;border-right:1px solid #fff;font-size: 35px;line-height: 180px;}
	.yi-yi{width: 250px;height:193px;border-right:1px solid #fff;font-size: 30px;line-height: 180px;letter-spacing: 6px;}
	.er{width:317px;height:193px;border-right:1px solid #fff;padding-left: 52px;padding-top: 10px}

	.san{width: 226px;padding-left:112px;padding-top: 48px}
	.ty{background:#f2f2f2;width:540px;height:740px;padding:50px}
    .team-avatar img{height:300px;width:338px}
	.bg-hui{background: #f6f6f6;padding: 30px 100px 20px 100px;}
	.jieshao1{font-size:27px !important;line-height: 69px;letter-spacing: 0.1em;}
    .zuo1{width:14%}
	.you1{width:85%;line-height:1.75em;}
}


@media (min-width: 1152px) {
	.container-list{width: 900px;height:auto;margin:0 auto;}
	.aui-nav-list-taba{width: 930px;height:auto;margin:0 auto;}
	.container-about-us{width: 800px;margin:0 auto}
    .carousel .carousel-title-v1, .carousel .carousel-title-v2, .carousel .carousel-title-v3{font-size: 60px !important}
	.container-big{width:1070px;}
	.border-nav{border-bottom: none !important;}	
	.bottom-font{margin-bottom: 100px !important}
	.bottom-font1{margin-bottom: 180px !important}
	.china{margin-right:-100px}
	.toggle_menu{top:25px}
	.container-about{width:800px}
	.title{width:70%;float:right}
	.bg-grey{height: 735px;}

	.carousel .carousel-subtitle-v2 {font-size: 22px !important;}

	.jieshao{font-size:30px !important;}
    .features1 {padding: 25vw 0 2vw 3vw !important}
	.w3pvt-logo {padding-top: 220px;}
	.yi{width: 250px;height:193px;border-right:1px solid #fff;font-size: 35px;line-height: 180px;}
	.yi-yi{width: 250px;height:193px;border-right:1px solid #fff;font-size: 30px;line-height: 180px;letter-spacing: 6px;}
	.er{width:317px;height:193px;border-right:1px solid #fff;padding-left: 52px;padding-top: 10px}

	.san{width: 226px;padding-left:112px;padding-top: 48px}
	.ty{background:#f2f2f2;width:540px;height:740px;padding:50px}
    .team-avatar img{height:300px;width:338px}
	.bg-hui{background: #f6f6f6;padding: 30px 100px 20px 100px;}
	.jieshao1{font-size:27px !important;line-height: 69px;letter-spacing: 0.1em;}
	.zuo1{width:12%}
	.you1{width:87%;line-height:1.75em;}

}


@media (min-width: 1176px) {
	.container-list{width: 900px;height:auto;margin:0 auto;}
	.aui-nav-list-taba{width: 930px;height:auto;margin:0 auto;}
	.container-about-us{width: 800px;margin:0 auto}
    .carousel .carousel-title-v1, .carousel .carousel-title-v2, .carousel .carousel-title-v3{font-size: 70px !important}
	.border-nav{border-bottom: none;}	
	.bottom-font{margin-bottom: 110px !important}
	.bottom-font1{margin-bottom: 180px !important}
	.container-big{width:1090px;}
	.china1{display: none !important}
	.china{margin-right:-100px}
	.toggle_menu{top:25px}
	.container-about{width:850px}
	.bg-grey{height: 735px;}

	.title{width:70%}
	.carousel .carousel-subtitle-v2 {font-size: 22px !important;}
	.jieshao{font-size:20px !important;}
.w3pvt-logo {padding-top: 180px;}
	.sf-menu > li {display: inline-block;position: relative;margin-right: 40px;}
	.yi{width: 250px;height:193px;border-right:1px solid #fff;font-size: 35px;line-height: 180px;}
	.yi-yi{width: 250px;height:193px;border-right:1px solid #fff;font-size: 30px;line-height: 180px;letter-spacing: 6px;}
	.er{width:317px;height:193px;border-right:1px solid #fff;padding-left: 52px;padding-top: 10px}

	.san{width: 226px;padding-left:112px;padding-top: 48px}
	.ty{background:#f2f2f2;width:540px;height:740px;padding:50px}
	
	.team-avatar img{height:260px;width:338px}
	.bg-hui{background: #f6f6f6;padding: 30px 100px 20px 100px;}
    .jieshao1{font-size: 27px !important;line-height: 69px;letter-spacing: 0.1em;}
    .zuo1{width:12%}
	.you1{width:87%;line-height:1.75em;}

} 

@media (min-width: 1280px) {
	.container-list{width: 900px;height:auto;margin:0 auto;}
	.aui-nav-list-taba{width: 930px;height:auto;margin:0 auto;}
    .carousel .carousel-title-v1, .carousel .carousel-title-v2, .carousel .carousel-title-v3{font-size: 70px !important}
	.border-nav{border-bottom: 2px solid #949494 !important;}	
	.bottom-font{margin-bottom: 120px !important}
	.bottom-font1{margin-bottom: 200px !important}
	.container-small{width:980px}
	.china1{display: none !important}
    .container-big{width:1155px}
	.container-about{width:850px}
	.bg-grey{height: 735px;}

	.title{width:70%}
	.carousel .carousel-subtitle-v2 {font-size: 22px !important;}

	.jieshao{font-size:30px !important;}
	.container-about-us{width:910px;padding-left:0;padding-right:0;margin:0 auto}
	.features1 {padding: 25vw 0 2vw 3vw !important}
.w3pvt-logo {padding-top: 130px;}
	.tt{width:20%}
	.team-avatar img{height:300px;width:100%}
	.yi{width: 366px;height:193px;border-right:1px solid #fff;font-size: 48px;line-height: 180px;}
	.yi-yi{width: 304px;height:193px;border-right:1px solid #fff;font-size: 40px;line-height: 180px;letter-spacing: 6px;}
	.er{width:317px;height:193px;border-right:1px solid #fff;padding-left: 52px;padding-top: 10px}

	.san{width: 226px;padding-left:112px;padding-top: 48px}
.ty{background:#f2f2f2;width:540px;height:740px;padding:50px}
	.aui-nav-list-box ul li,#filter li{font-size: 15px}
	.bg-hui{background: #f6f6f6;padding: 30px 100px 20px 100px;}
.jieshao1{font-size:30px !important;line-height: 69px;letter-spacing: 0.2em;}

    .zuo1{width:12%}
	.you1{width:87%;line-height:1.75em;}
	
} /*>=1280的设备*/

@media (min-width: 1360px) {
    .container-list{width: 700px;height:auto;margin:0 auto;}
    .aui-nav-list-taba{width: 730px;height:auto;margin:0 auto;}
	.carousel .carousel-title-v1, .carousel .carousel-title-v2, .carousel .carousel-title-v3{font-size: 80px !important}
	.container-big{width:1200px;}
	.border-nav{border-bottom: 2px solid #949494 !important;}	
	.bottom-font{margin-bottom: 110px !important}
	.bottom-font1{margin-bottom: 180px !important}
	.china1{display: none !important}
	.container-small{width:1035px}
	.container-about{width:900px}
	.bg-grey{height: 710px;}

	.carousel .carousel-subtitle-v2 {font-size: 22px !important;}

	.jieshao{font-size:30px !important;}
	.team-avatar img{height:250px;width:100%}
	.container-about-us{width:910px;padding-left:0;padding-right:0;margin:0 auto}
	.yi{width: 366px;height:193px;border-right:1px solid #fff;font-size: 48px;line-height: 180px;}
	.yi-yi{width: 304px;height:193px;border-right:1px solid #fff;font-size: 40px;line-height: 180px;letter-spacing: 6px;}
	.er{width:317px;height:193px;border-right:1px solid #fff;padding-left: 52px;padding-top: 10px}

	.san{width: 226px;padding-left:112px;padding-top: 48px}
    .w3pvt-logo {padding-top: 180px;}
.client-left{width:23%}
	.ty{background:#f2f2f2;width:540px;height:740px;padding:30px}
	.bg-hui{background: #f6f6f6;padding: 30px 100px 20px 100px;}
	.jieshao1{font-size:36px !important;line-height: 69px;letter-spacing: 0.2em;}

    .zuo1{width:16%}
	.you1{width:84%;line-height:1.75em;}

} 

@media (min-width: 1366px) {
    .container-list{width: 700px;height:auto;margin:0 auto;}
    .aui-nav-list-taba{width: 730px;height:auto;margin:0 auto;}
    .carousel .carousel-title-v1, .carousel .carousel-title-v2, .carousel .carousel-title-v3{font-size: 80px !important}
	.container-big{width:1205px;}
	.border-nav{border-bottom: 2px solid #949494 !important;}	
	.bottom-font{margin-bottom: 120px !important}
	.bottom-font1{margin-bottom: 190px !important}
	.china1{display: none !important}
	.container-small{width:1040px}
	.container-about{width:900px}
	.bg-grey{height: 713px;}

	.carousel .carousel-subtitle-v2 {font-size: 24px !important;}
    .team-avatar img{height:250px;width:100%}
	.jieshao{font-size:30px !important;}
	.carousel .item {padding-top: 100px !important;}
	.team-avatar img{height:250px;width:100%}
	.bottom20{margin-bottom: 34px}
	.bottom57{margin-bottom: 57px}
	.container-about-us{width:910px;padding-left:0;padding-right:0;margin:0 auto}
	.yi{width: 366px;height:193px;border-right:1px solid #fff;font-size: 48px;line-height: 180px;}
	.yi-yi{width: 304px;height:193px;border-right:1px solid #fff;font-size: 40px;line-height: 180px;letter-spacing: 6px;}
	.er{width:317px;height:193px;border-right:1px solid #fff;padding-left: 52px;padding-top: 10px}

	.san{width: 226px;padding-left:112px;padding-top: 48px}
    .w3pvt-logo {padding-top: 100px;}
    .aui-nav-list-box ul li,#filter li{font-size: 15px}
.ty{background:#f2f2f2;width:540px;height:740px;padding:50px}
	.bg-hui{background: #f6f6f6;padding: 30px 100px 20px 100px;}
	.jieshao1{font-size:36px !important;line-height: 69px;letter-spacing: 0.2em;}

	.zuo1{width:16%}
	.you1{width:84%;line-height:1.75em;}


}  
@media (min-width: 1400px) {
	.container-list{width: 800px;height:auto;margin:0 auto;}
	.aui-nav-list-taba{width: 830px;height:auto;margin:0 auto;}
	.carousel .carousel-title-v1, .carousel .carousel-title-v2, .carousel .carousel-title-v3{font-size: 80px !important}
	.container-big{width:1230px;}
	.border-nav{border-bottom: 2px solid #949494 !important;}	
	.bottom-font{margin-bottom: 140px !important}
	.bottom-font1{margin-bottom: 220px !important}
	.china1{display: none !important}
	.container-small{width:1060px}
	.container-about{width:930px}
	.bg-grey{height: 728px;}

	.carousel .carousel-subtitle-v2 {font-size: 26px !important;}
	.title{width:72% !important;padding-top:10px}
	.logo a img{float: right !important} 
	.jieshao{font-size:30px !important;}

	.carousel .item {padding-top: 100px !important;}
	.team-avatar img{height:300px;width:100%}
	.bottom20{margin-bottom: 34px}
	.bottom57{margin-bottom: 57px}
	.container-about-us{width:910px;padding-left:0;padding-right:0;margin:0 auto}
	.yi{width: 366px;height:193px;border-right:1px solid #fff;font-size: 48px;line-height: 180px;}
	.yi-yi{width: 304px;height:193px;border-right:1px solid #fff;font-size: 40px;line-height: 180px;letter-spacing: 6px;}
	.er{width:317px;height:193px;border-right:1px solid #fff;padding-left: 52px;padding-top: 10px}

	.san{width: 226px;padding-left:112px;padding-top: 48px}
     .w3pvt-logo{padding-top:220px}
	
	.client-left{width:19%}
	.ty{background:#f2f2f2;width:540px;height:740px;padding:50px}
	.bg-hui{background: #f6f6f6;padding: 30px 100px 20px 100px;}
	
.aui-nav-list-box ul li,#filter li{font-size: 18px}
.jieshao1{font-size:36px !important;line-height: 69px;letter-spacing: 0.2em;}

.zuo1{width:13%}
	.you1{width:86%;line-height:1.75em;}



} 

@media (min-width: 1440px) {
	.container-list{width: 860px;height:auto;margin:0 auto;}
	.aui-nav-list-taba{width: 890px;height:auto;margin:0 auto;}
	.carousel .carousel-title-v1, .carousel .carousel-title-v2, .carousel .carousel-title-v3{font-size: 80px !important}
	.container-big{width:1258px;}
	.border-nav{border-bottom: 2px solid #949494 !important;}	
	.bottom-font{margin-bottom: 140px !important}
	.bottom-font1{margin-bottom: 210px !important}
    .china1{display: none !important}
	.container-small{width:1090px}
	.container-about{width:980px}
	.bg-grey{height: 730px;}

	.carousel .carousel-subtitle-v2 {font-size: 26px !important;}

	.title{width:75% !important;padding-top:20px}
	.logo a img{float: right !important} 
	.jieshao{font-size:30px !important;}
	.team-avatar img{height:300px;width:100%}
	.bottom20{margin-bottom: 34px}
	.bottom57{margin-bottom: 57px}
	.container-about-us{width:910px;padding-left:0;padding-right:0;margin:0 auto}
	.yi{width: 366px;height:193px;border-right:1px solid #fff;font-size: 48px;line-height: 180px;}
	.yi-yi{width: 304px;height:193px;border-right:1px solid #fff;font-size: 40px;line-height: 180px;letter-spacing: 6px;}
	.er{width:317px;height:193px;border-right:1px solid #fff;padding-left: 52px;padding-top: 10px}

	.san{width: 226px;padding-left:112px;padding-top: 48px}
    .w3pvt-logo{padding-top:160px}
	.aui-nav-list-box ul li,#filter li{font-size: 18px}
	.ty{background:#f2f2f2;width:540px;height:740px;padding:50px}
	.bg-hui{background: #f6f6f6;padding: 30px 100px 20px 100px;}
	.jieshao1{font-size:36px !important;line-height: 69px;letter-spacing: 0.2em;}

	.zuo1{width:13%}
	.you1{width:87%;line-height:1.75em;}
} 

@media (min-width: 1600px) {
	.container-list{width: 960px;height:auto;margin:0 auto;}
	.aui-nav-list-taba{width: 990px;height:auto;margin:0 auto;}
	.carousel .carousel-title-v1, .carousel .carousel-title-v2, .carousel .carousel-title-v3{font-size: 100px !important}
	.container-big{width:1370px;}
	.border-nav{border-bottom: 2px solid #949494 !important;}	
	.bottom-font{margin-bottom: 150px !important}
	.bottom-font1{margin-bottom: 230px !important}
	.china1{display: none !important}
	.container-small{width:1191px}
	.container-about{width:1070px}
	.bg-grey{height: 745px;}

	.carousel .carousel-subtitle-v2 {font-size: 30px !important;}
	.title{width:75% !important;padding-top:20px}
	.logo a img{float: right !important} 
	.jieshao{font-size:30px !important;}
	.team-avatar img{height:300px;width:100%}
	.bottom20{margin-bottom: 34px}
	.bottom57{margin-bottom: 57px}
	.container-about-us{width:910px;padding-left:0;padding-right:0;margin:0 auto}
	.yi{width: 366px;height:193px;border-right:1px solid #fff;font-size: 48px;line-height: 180px;}
	.yi-yi{width: 304px;height:193px;border-right:1px solid #fff;font-size: 40px;line-height: 180px;letter-spacing: 6px;}
	.er{width:317px;height:193px;border-right:1px solid #fff;padding-left: 52px;padding-top: 10px}

	.san{width: 226px;padding-left:112px;padding-top: 48px}
	.padding-top36{padding-top: 36px !important}
    .pricing p {font-size: 16px !important;}
	.features1 {padding: 317px 0 0 96px !important}
	.w3pvt-logo{padding-top:200px}
	.aui-nav-list-box ul li,#filter li{font-size: 18px}
	.ty{background:#f2f2f2;width:540px;height:740px;padding:50px}
	.bg-hui{background: #f6f6f6;padding: 30px 100px 20px 100px;}
	.jieshao1{font-size:36px !important;line-height: 69px;letter-spacing: 0.2em;}

	.zuo1{width:11%}
	.you1{width:88%;line-height:1.75em;}
} 
@media (min-width: 1680px) {
    .container-list{width: 1000px;height:auto;margin:0 auto;}
    .aui-nav-list-taba{width: 1030px;height:auto;margin:0 auto;}
	.carousel .carousel-title-v1, .carousel .carousel-title-v2, .carousel .carousel-title-v3{font-size: 100px !important}
	.container-big{width:1422px;}
	.border-nav{border-bottom: 2px solid #949494 !important;}	
	.bottom-font{margin-bottom: 150px !important}
	.bottom-font1{margin-bottom: 230px !important}
    .china1{display: none !important}
	.container-small{width:1250px}
	.container-about{width:1115px}
	.bg-grey{height: 750px;}
	.carousel .carousel-subtitle-v2 {font-size: 30px !important;}

	.title{width:75% !important;padding-top:20px}
	.logo a img{float: right !important} 
	.jieshao{font-size:30px !important;}
	.con-left{padding-left: 50px !important}
	.saoma{padding-left:120px}
    .team-avatar img{height:360px;width:100%}
	.bottom20{margin-bottom: 34px}
	.bottom57{margin-bottom: 57px}
	.container-about-us{width:910px;padding-left:0;padding-right:0;margin:0 auto}
	.yi{width: 366px;height:193px;border-right:1px solid #fff;font-size: 48px;line-height: 180px;}
	.yi-yi{width: 304px;height:193px;border-right:1px solid #fff;font-size: 40px;line-height: 180px;letter-spacing: 6px;}
	.er{width:317px;height:193px;border-right:1px solid #fff;padding-left: 52px;padding-top: 10px}

	.san{width: 226px;padding-left:112px;padding-top: 48px}
	
	.margin-top5{margin-top:-5px !important}
	.padding-top36{padding-top: 36px !important}
	.pricing p {font-size: 19px !important;}
	.features1 {padding: 317px 0 0 96px !important}
	.w3pvt-logo{padding-top:220px}
	.aui-nav-list-box ul li,#filter li{font-size: 18px}
.ty{background:#f2f2f2;width:540px;height:740px;padding:50px}
	.bg-hui{background: #f6f6f6;padding: 30px 100px 20px 100px;}
	.jieshao1{font-size:36px !important;line-height: 69px;letter-spacing: 0.2em;}

    .zuo1{width:11%}
	.you1{width:88%;line-height:1.75em;}

	
} 
@media (min-width: 1768px) {
    .container-list{width: 1080px;height:auto;margin:0 auto;}
    .aui-nav-list-taba{width: 1100px;height:auto;margin:0 auto;}
	.container-big{width:1470px;}
	.border-nav{border-bottom: 2px solid #949494 !important;}	
	.bottom-font{margin-bottom: 150px !important}
	.bottom-font1{margin-bottom: 230px !important}
	.china1{display: none !important}
	.container-small{width:1310px}
    .container-about{width:1180px}
	.bg-grey{height: 758px;}

	.title{width:75% !important;padding-top:20px}
	.jieshao{font-size:30px !important;}
	.logo a img{float: right !important}
	.team-avatar img{height:360px;width:338px}
    .container-about-us{width:910px;padding-left:0;padding-right:0;margin:0 auto;min-height:200px}
	.yi{width: 332px;height:193px;border-right:1px solid #fff;font-size: 40px;line-height: 180px}
	.yi-yi{width: 304px;height:193px;border-right:1px solid #fff;font-size: 40px;line-height: 180px;letter-spacing: 6px;}

	.er{width:318px;height:193px;border-right:1px solid #fff;padding-left: 52px;padding-top:20px}
	.san{width: 226px;padding-left:110px;padding-top: 46px}
	
	.bottom20{margin-bottom: 34px}
	.bottom57{margin-bottom: 57px}
	.features1 {padding: 317px 0 0 96px !important}
	.padding-top36{padding-top: 36px !important}
	.pricing p {font-size: 19px !important;}
	.margin-top5{margin-top:-5px !important}
	.w3pvt-logo{padding-top:200px}
	.p-70{padding-left: 50px}
	.aui-nav-list-box ul li,#filter li{font-size: 18px}
.ty{background:#f2f2f2;width:540px;height:740px;padding:50px}
	.bg-hui{background: #f6f6f6;padding: 30px 100px 20px 100px;}
	.jieshao1{font-size:36px !important;line-height: 69px;letter-spacing: 0.2em;}
	.bg p,.bg1 p{margin-top: 10px !important;
    padding-right: 10px;
    display: -webkit-box;
    overflow: hidden;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;}

    .zuo1{width:10%}
	.you1{width:90%;line-height:1.75em;}
	
} 

@media (min-width: 1920px) {
	.container-list{width: 1080px;height:auto;margin:0 auto;}
	.aui-nav-list-taba{width: 1100px;height:auto;margin:0 auto;}
	.container-big{width:1570px;}
	.container-small{width: 1410px}
	.sf-menu > li {margin-right:52px}
	.sy > li {margin-right:56px !important}
	
	.border-nav{border-bottom: 2px solid #949494 !important;}	
	.bottom-font{margin-bottom: 170px !important}
	.bottom-font1{margin-bottom: 250px !important}
	
	
	.container-about{width:1280px}
	.container-about-us{width:1000px;padding-left:0;padding-right:0;margin:0 auto;min-height:200px}

	.bg-grey{height: 758px;}
	.title {width: 75% !important;padding-top:20px !important}
	

    .jieshao{font-size:38px !important;line-height: 69px}
	.jieshao1{font-size:36px !important;line-height: 69px;letter-spacing: 0.2em;}
	.w3pvt-logo{padding-top:220px !important}
	.china1{display: none !important}
	
	.logo a img{float: right !important}
	
	.top-cont { padding-top: 150px;}
	.us-center{text-align: center}
	.right69{margin-right: 69px}
	.right67{margin-right: 67px}
	.bg p,.bg1 p{margin-top: 10px !important;
    padding-right: 10px;
    display: -webkit-box;
    overflow: hidden;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;}
	
	.right56{margin-right: 56px}
	.top23{margin-top:23px}
	.top74{margin-top:74px}
	
	.bottom20{margin-bottom: 34px}
	.bottom57{margin-bottom: 57px}
	.left80{margin-left: 30px}
	.margin-top5{margin-top:-5px !important}
	
	.yi{width: 332px;height:193px;border-right:1px solid #fff;font-size: 40px;line-height: 180px}
	.yi-yi{width: 304px;height:193px;border-right:1px solid #fff;font-size: 40px;line-height: 180px;letter-spacing: 6px;}
	.er{width:318px;height:193px;border-right:1px solid #fff;padding-left: 52px;padding-top:20px}
	.san{width: 226px;padding-left:110px;padding-top: 46px}
	.team-avatar img{height:360px;width:338px}
	.pricing p {font-size: 19px !important;}
	.features1 {padding: 317px 0 0 96px !important}
	
	.p-70{padding-left: 70px}
	
	.client-left{width:16.66666667%}
	.aui-nav-list-box ul li,#filter li{font-size: 18px}
	.ty{background:#f2f2f2;width:540px;height:740px;padding:50px}

	
	.bg-hui{background: #f6f6f6;padding: 30px 100px 20px 100px;}

	.zuo1{width:10%}
	.you1{width:90%;line-height:1.75em;}
	
} 



.er i{margin-right: 20px !important;margin-top:6px}
.bg-contact{padding-top:194px;height:784px}

.padding-top36{padding-top: 36px !important}
.aui-nav-list-box ul li{width:18.96% !important;position: relative;}
#filter li {width: 18.9% !important;position: relative;}

.thumbs__link {
    cursor: -webkit-zoom-in;
    padding-top: 17.5%;
    height: 0;
    position: relative;
}
.thumbs__link:first-child{margin-left: 0}

.thumbs__link, .gallery-link {
    display: block;
    float: left;
    margin: 0 0 2.5% 2.5%;
    width: 18%;
}
.thumbs__link img{position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    height: 100%;
    width: 100%;
    object-fit: cover;
    -webkit-transition: opacity 300ms ease-in-out;
    -moz-transition: opacity 300ms ease-in-out;
    -o-transition: opacity 300ms ease-in-out;
    transition: opacity 300ms ease-in-out;
	will-change: transform, opacity;}
.gallery-link__content {
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}
.afd-table-display--center {
    text-align: center;
}

.afd-table-display {
    display: table;
    width: 100%;
    height: 100%;
}
.afd-table-display .afd-cell-display {
    display: table-cell;
    vertical-align: middle;
}

.gallery-link__size {
    color: #FFF;
    font-size: 2em;
}

/*--------------------------------------------------
	[PAGE HEADER]
----------------------------------------------------*/
.tlinks{text-indent:-9999px;height:0;line-height:0;font-size:0;overflow:hidden;}
/* Page on Scroll */
.page-on-scroll .page-header {
  background: #fff;
  transition-duration: 100ms;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1); }
.page-header {
  padding: 0;
  margin: 0;
	border-bottom: none;}
  .page-header .navbar {
    border-radius: 0;
    margin-bottom: 0;
    background: transparent;
    transition-duration: 100ms;
    transition-property: all;
    transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1); }
  .page-header .navbar-toggle {
    border: none;
    margin: 40px 15px 40px 0 }
    .page-header .navbar-toggle .icon-bar {
      background: #cecece; }
  .page-header .navbar-brand {
    height: 82px;
    max-height: 82px;
    line-height: 50px;
    display: inline-block;
    vertical-align: middle;
    transition-duration: 400ms;
    transition-property: all;
    transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1); }
    .page-header .navbar-brand img {
      height: auto;
      max-width: 100%;
     /* max-height: 100%;*/
      display: inline-block;
      vertical-align: middle; }
  .page-header .navbar-nav li {
    padding-top:40px;
    line-height: 20px;
    transition-duration: 400ms;
    transition-property: all;
    transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1); }

  .page-header .navbar-nav li > a {
    font-size: 14px;
    color: #fff; }
  .page-header .navbar-nav li.active > a{border-bottom: 4px solid #ebe51a;color:#ebe51a;}
  .page-header .navbar-nav li > a:focus,
  .page-header .navbar-nav li > a:hover {
    background: inherit; }



@media (max-width: 768px) {
.page-header .navbar-nav li.active > a {
    border-bottom: none;
    color: #ebe51a;
}
	

	.page-header .navbar-fixed-top .navbar-collapse .navbar-nav li > a{font-size:20px;font-weight:normal !important;padding:20px 0}
	.logonavbar-brand img{width:80px;height:80px;}
}


/* Responsive code for max-width: 991px */
@media (max-width: 991px) {
  /* 991px */
  .page-header .navbar-header {
    float: none; }
  .page-header .navbar-toggle {
    display: block; }
  .page-header .navbar-collapse.collapse {
    display: none !important; }
  .page-header .navbar-collapse.collapse.in {
    display: block !important;
    /*overflow-y: auto !important; */}
  .page-header .navbar-nav {
    margin: 0;
    float: none !important; }
    .page-header .navbar-nav > li {
      float: none; } 
	

}
/* Stylesheet design for under max-width: 991px */
@media (max-width: 991px) {
  /* 991px */
  /*body {

    padding-top: 80px; }*/

  .page-header {
   
    /* Navbar Brand */ }
    .page-header .navbar-fixed-top {
      background:rgba(0,0,0,0.9);
		}
      .page-header .navbar-fixed-top .navbar-collapse {
        max-height: 100%;
        /* Navbar */ }
        .page-header .navbar-fixed-top .navbar-collapse .navbar-nav li {
          padding: 0;
          float: none; }
        .page-header .navbar-fixed-top .navbar-collapse .navbar-nav li > a {
          font-weight: 700;
          color: #cecece; }
        .page-header .navbar-fixed-top .navbar-collapse .navbar-nav li.active > a,
        .page-header .navbar-fixed-top .navbar-collapse .navbar-nav li > a:hover {
          color: #ebe51a; }
    .page-header img.logo-default {
      display: none; } }
/* Stylesheet design for above 992px */
@media (min-width: 992px) {
  /* 992px */
  .page-header {
    top: 0;
    left: 0;
    width: 100%;
    height: auto;
    /* Navbar Brand */
    /* Navbar Nav */ }
    .page-header .navbar-brand img.logo-scroll {
      display: none; }
    .page-header .navbar-nav {
      float: right;}
      .page-header .navbar-nav li > a {
       margin-left:20px;margin-right: 30px } 
	.china1 {
    margin-top: 25px !important;
    margin-left: -120px !important;
    border: 1px solid rgba(181,181,181,0.8);
    display: block;
    background: none;
    color: #fff;
    padding: 5px 15px;
    position: absolute;
}
	.border-nav{border-bottom:none;}	
}
/* Stylesheet design on Scroll (Fixed Header) 992px */

/*--------------------------------------------------
	[PAGE CONTENT]
----------------------------------------------------*/
/* Body */
a:focus {
  outline: none; }

/*--------------------------------------------------
	[FORM CONTROL]
----------------------------------------------------*/
/* Set displays an element as in inline0level flex container */

/* Media Queries */

@media (min-width: 768px) {
  .border-left-transparent .form-control {
    border-left: transparent; }

  .border-top-transparent.form-control {
    border-top: transparent; } 
	

}
/* No Space Row */
.no-space-row {
  padding: 0 30px; }

.no-space-row [class^="col-"],
.no-space-row [class*="col-"] {
  padding: 0; }

@media (max-width: 767px) {
  .no-space-row [class^="col-"],
  .no-space-row [class*="col-"] {
    padding: 0 15px; } 
	.email{float:left !important}
	.china{margin-left:0px !important;margin-bottom:10px;display: none !important}
	.china1{margin-top:-47px !important;margin-right:70px !important;border:1px solid rgba(181,181,181,0.8);display: block;background: none;color: #fff;width: 60px;}
	.toggle_menu {top: 15px;}
	.banner-about{height:120px !important}

}

@media screen and (min-width:800px) and (max-width:768px){ /*二栏布局*/
            .box1{width: 100px;}
            .box2{flex:1; }
            .box3{width: 100%;}
        }

/*--------------------------------------------------
	[BUTTONS]
----------------------------------------------------*/

/*--------------------------------------------------
	[SPACES]
----------------------------------------------------*/
/* 'margin-bottom' Space */
.margin-bottom-5 {
  margin-bottom: 5px !important; }

.margin-bottom-10 {
  margin-bottom: 10px !important; }

.margin-bottom-15 {
  margin-bottom: 15px !important; }

.margin-bottom-20 {
  margin-bottom: 20px !important; }

.margin-bottom-25 {
  margin-bottom: 25px !important; }

.margin-bottom-30 {
  margin-bottom: 30px !important; }

.margin-bottom-35 {
  margin-bottom: 35px !important; }

.margin-bottom-40 {
  margin-bottom: 40px !important; }

.margin-bottom-45 {
  margin-bottom: 45px !important; }

.margin-bottom-50 {
  margin-bottom: 50px !important; }

.margin-bottom-55 {
  margin-bottom: 55px !important; }

.margin-bottom-60 {
  margin-bottom: 60px !important; }

.margin-bottom-65 {
  margin-bottom: 65px !important; }

.margin-bottom-70 {
  margin-bottom: 70px !important; }

.margin-bottom-75 {
  margin-bottom: 75px !important; }

.margin-bottom-80 {
  margin-bottom: 80px !important; }

.margin-bottom-85 {
  margin-bottom: 85px !important; }

.margin-bottom-90 {
  margin-bottom: 90px !important; }

.margin-bottom-95 {
  margin-bottom: 95px !important; }

.margin-bottom-100 {
  margin-bottom: 100px !important; }

/* 'margin-bottom' Space for tablet view */
@media (max-width: 992px) {
  .md-margin-bottom-5 {
    margin-bottom: 5px !important; }

  .md-margin-bottom-10 {
    margin-bottom: 10px !important; }

  .md-margin-bottom-15 {
    margin-bottom: 15px !important; }

  .md-margin-bottom-20 {
    margin-bottom: 20px !important; }

  .md-margin-bottom-25 {
    margin-bottom: 25px !important; }

  .md-margin-bottom-30 {
    margin-bottom: 30px !important; }

  .md-margin-bottom-35 {
    margin-bottom: 35px !important; }

  .md-margin-bottom-40 {
    margin-bottom: 40px !important; }

  .md-margin-bottom-45 {
    margin-bottom: 45px !important; }

  .md-margin-bottom-50 {
    margin-bottom: 50px !important; }

  .md-margin-bottom-55 {
    margin-bottom: 55px !important; }

  .md-margin-bottom-60 {
    margin-bottom: 60px !important; }

  .md-margin-bottom-65 {
    margin-bottom: 65px !important; }

  .md-margin-bottom-70 {
    margin-bottom: 70px !important; }

  .md-margin-bottom-75 {
    margin-bottom: 75px !important; }

  .md-margin-bottom-80 {
    margin-bottom: 80px !important; }

  .md-margin-bottom-85 {
    margin-bottom: 85px !important; }

  .md-margin-bottom-90 {
    margin-bottom: 90px !important; }

  .md-margin-bottom-95 {
    margin-bottom: 95px !important; }

  .md-margin-bottom-100 {
    margin-bottom: 100px !important; } }
/* 'margin-bottom' Space for mobile view */
@media (max-width: 768px) {
  .sm-margin-bottom-5 {
    margin-bottom: 5px !important; }

  .sm-margin-bottom-10 {
    margin-bottom: 10px !important; }

  .sm-margin-bottom-15 {
    margin-bottom: 15px !important; }

  .sm-margin-bottom-20 {
    margin-bottom: 20px !important; }

  .sm-margin-bottom-25 {
    margin-bottom: 25px !important; }

  .sm-margin-bottom-30 {
    margin-bottom: 30px !important; }

  .sm-margin-bottom-35 {
    margin-bottom: 35px !important; }

  .sm-margin-bottom-40 {
    margin-bottom: 40px !important; }

  .sm-margin-bottom-45 {
    margin-bottom: 45px !important; }

  .sm-margin-bottom-50 {
    margin-bottom: 50px !important; }

  .sm-margin-bottom-55 {
    margin-bottom: 55px !important; }

  .sm-margin-bottom-60 {
    margin-bottom: 60px !important; }

  .sm-margin-bottom-65 {
    margin-bottom: 65px !important; }

  .sm-margin-bottom-70 {
    margin-bottom: 70px !important; }

  .sm-margin-bottom-75 {
    margin-bottom: 75px !important; }

  .sm-margin-bottom-80 {
    margin-bottom: 80px !important; }

  .sm-margin-bottom-85 {
    margin-bottom: 85px !important; }

  .sm-margin-bottom-90 {
    margin-bottom: 90px !important; }

  .sm-margin-bottom-95 {
    margin-bottom: 95px !important; }

  .sm-margin-bottom-100 {
    margin-bottom: 100px !important; } }
/*--------------------------------------------------
	[HEADING]
----------------------------------------------------*/
.heading {
  z-index: 1;
  position: relative;
  text-align: center;
  margin-bottom: 50px; }
  .heading h2 {
    font-size: 37px;
    margin: 0 0 20px;
    color: #666; font-family: "Penumbra";    letter-spacing: 6px;}

.heading-light {
  z-index: 1;
  position: relative;
  text-align: center;
  margin-bottom: 100px; }
  .yellow-bian{
    margin:2px 0 0 0;
    height: 4px;
    width: 50px;
    position: absolute;
    background: #ebe51a;}

  .heading-light h2 {
    font-size: 40px;
    font-weight: 500;
    margin: 0 0 20px;
    color: #fff; }
  .heading-light p {
    font-size: 16px;

    font-weight: 300;
    letter-spacing: 0.5px;
    text-transform: uppercase;
    color: #8693a7; }


.yellow-border p:after {
    left: 0;
    height: 4px;
    width: 50px;
    content: " ";
    position: absolute;
    background: #ebe51a;
    top: 45px;
}

.heading-blue {
  z-index: 1;
  position: relative;
  text-align: center;
  margin-bottom: 100px; }
  .heading-blue:after {
    left: 50%;
    height: 3px;
    width: 50px;
    content: " ";
    bottom: -50px;
    margin-left: -25px;
    position: absolute;
    background: #1b7685; }
  .heading-blue h2 {
    font-size: 40px;
    font-weight: 500;
    margin: 0 0 20px;
    color: #fff; }
  .heading-blue p {
    font-size: 16px;
    font-weight: 300;
    letter-spacing: 0.5px;
    text-transform: uppercase;
    color: #9ddde7; }



/*--------------------------------------------------
	[FEATURES]
----------------------------------------------------*/
.features-bg {padding: 108px 0 35px 0; }
.features-bg .features {overflow: hidden;padding-top: 25px;padding-left: 30px;    cursor: pointer; }

.features-bg .features img {
      width: 105px;
      height: auto;
      float: right;
      margin-right: 22px;padding-top:113px;padding-bottom: 27px }
 .features-bg .features .features-in {overflow: hidden; }
 .features-bg .features .features-in h3 {
        font-size: 23px;
        font-weight: 500;
        text-transform: capitalize; }
 .features-bg .features .features-in h3 a {color: #3f5263; }
 .features-bg .features .features-in h3 a:hover {color: #bf5757;text-decoration: none; }
 .features-bg .features .features-in p {color: #8693a7; }

@media (max-width: 480px) {
  .features-bg .features img {
    display: block;
    text-align: right;
    margin-bottom: 20px;padding-top: 50px;padding-bottom: 0; }
	.col-xs-11{margin-left:15px}
	.center{float:none !important;margin:0 auto}
	.features p:after {left: 15%;}
	.service-font{height:400px !important;margin-top:20px;overflow-y: scroll}
	
	.padding-top-150{padding-top:50px !important}
	.saoma{padding-left:15px !important}
	.yi,.yi-yi{font-size: 30px;margin-bottom:40px;text-align: center}
	.er{padding-left:100px;margin-bottom: 40px}
	.san{padding-left: 150px}
}
/*--------------------------------------------------
	[TEAM]
----------------------------------------------------*/
.team-bg {
  z-index: 1;
  height: auto;
  overflow: hidden;
  /* Team Members */
  /* Team About */ }
  .team-bg .team-members {
    cursor: pointer;
    overflow: hidden;
    position: relative; background:#eee}
  .team-bg .team-members .team-avatar {
      position: relative; }
      .team-bg .team-members .team-avatar img {
        display: block;
        margin: 0 auto;
        text-align: center;}
.media__body:hover {
    opacity: 1;color:#fff !important;width:100%;

}
.media__body {
    background: rgba(51, 51, 51, 0.6);
    bottom: 0;
    color: #fff;
    font-size: 1em;
    left: 0;
    opacity: 0;
    overflow: hidden;
    position: absolute;
    text-align: center;
    top: 0;
    right: 0;
    transition: all 4s;
  -webkit-transition: all 2s;
  -moz-transition: all 2s;
  -ms-transition: all 2s;
	height:100%;
	
}
.team-desc:hover{background: rgba(51, 51, 51, 0.6);color:#fff;}
    .team-bg .team-members .team-desc {width: 100%;height:100px;text-align: center;font-size: 19px;line-height: 100px;position: relative; transition: all 4s;
  -webkit-transition: all 2s;
  -moz-transition: all 2s;
  -ms-transition: all 2s;}

	.team-bg .team-members .team-desc .team-details h4 {
	  font-size: 22px;
	  font-weight: 600;
	  margin: 0 0 10px;
	  color: #fff; }
	.team-bg .team-members .team-desc .team-details span {
	  display: block;
	  font-size: 13px;
	  font-weight: 600;
	  text-transform: uppercase;
	  color: #fff; }


/* Stylesheet design for above 992px */
@media (min-width: 992px) {
  /* 992px */
  .team-about {
    min-height: 495px; } 
	
	.d-xl-block {
    display: block!important;
}
	
	.d-lg-block {
    display: block!important;
}
	.d-xl-none {
    display: none!important;
}
	
}


/*--------------------------------------------------
	[PORTFOLIO]
----------------------------------------------------*/
.portfolio {
  padding: 100px 0 100px 0; }

/*--------------------------------------------------
	[PRICING]
----------------------------------------------------*/
.pricing-bg {
  padding: 40px 0 86px 0;
  background: #e7e7e7;
  /* Prcing Red */ }
.padding-top-50{padding-top:50px}
.padding-top-150{padding-top:150px}
.padding-top-55{padding-top:55px !important}
    .pricing-bg .pricing h4 {
      font-size: 30px;
      margin: 0 0 28px 0;
      color: #333; }
    .pricing-bg .pricing span {
      display: block;
      font-size: 16px;
      font-weight: 600;
      text-transform: uppercase;
      color: #3f5263; }
    .pricing-bg .pricing .pricing-features {
      padding: 0;
      margin: 35px 0;
      list-style: none; }

.pricing p{color:#333;font-size: 19px;margin-top:30px;line-height: 35px}

/* Stylesheet design for above 992px */
@media (min-width: 992px) {
  /* 992px */
  /* Prcing Red */


  .pricing-red {
    margin-top: 20px; }

  .pricing.no-left-brd {
    border-left: none; } 


}

/*--------------------------------------------------
	[FOOTER]
----------------------------------------------------*/
.us {
  background:url(../img/img.jpg) no-repeat;
  background-size: 100% 100%; padding-top: 62px;padding-bottom: 97px;margin-top: 12px }
.us p{color:#333;font-size: 19px;}
.us b{color:#000;}

/*--------------------------------------------------
	[CUBEPORTFOLIO]
----------------------------------------------------*/
/* Popup Wrap */
.cbp-popup-wrap {
  z-index: 9999 !important; }

.cube-portfolio {
  /* Filter */
  /* Caption Effects */
  /* Portfolio Icons */ }
  .cube-portfolio .cbp-l-filters-alignCenter .cbp-filter-item {
    font-size: 14px;
    padding: 6px 15px;
    text-transform: uppercase;
    color: #fff;background: #363636; }
    .cube-portfolio .cbp-l-filters-alignCenter .cbp-filter-item:hover {
      color: #fff;
      background: #3f5263; }
  .cube-portfolio .cbp-l-filters-alignCenter .cbp-filter-item-active {
    color: #fff;background:#fff;border:2px solid #363636 }
  .cube-portfolio .cbp-caption .cbp-caption-hover-gradient {
    position: relative; }
    .cube-portfolio .cbp-caption .cbp-caption-hover-gradient:before {
      width: 100%;
      height: 100%;
      content: " ";
      position: absolute;
      transition-duration: 300ms;
      transition-property: all;
      transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1); }
    .cube-portfolio .cbp-caption .cbp-caption-hover-gradient:after {
      top: 10px;
      left: 10px;
      right: 10px;
      bottom: 10px;
      content: " ";
      position: absolute;
      transition-duration: 300ms;
      transition-property: all;
      transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1); }
  .cube-portfolio .cbp-caption:hover .cbp-caption-hover-gradient:before {
    opacity: .8;
    background: #3f5263; }
  .cube-portfolio .cbp-caption:hover .cbp-caption-hover-gradient:after {
    border: 2px solid #fff; }
  .cube-portfolio .cbp-caption .cbp-caption-activeWrap {
    background: inherit; }
  .cube-portfolio .portfolio-icons i {
    width: 40px;
    height: 40px;
    padding: 10px;
    margin: 5px;
    font-size: 16px;
    text-align: center;
    border-radius: 50%;
    display: inline-block;
    color: #3f5263;
    background: #fff;
    transition-duration: 300ms;
    transition-property: all;
    transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1); }
    .cube-portfolio .portfolio-icons i:hover {
      color: #fff;
      background: #d15d5d;
      transition-duration: 300ms;
      transition-property: all;
      transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1); }

/*--------------------------------------------------
    [Bootstrap Carousel]
----------------------------------------------------*/
/* Set displays an element as in inline-level flex container */
.center-block {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%; }

.center-block-wrap {
  width: 100%;
  height: 100%;
  display: table;
  vertical-align: middle; }

.center-block-body {
  height: 100%;
  display: table-cell;
  vertical-align: middle;
  text-align: center; }

  .carousel .carousel-indicators {
    bottom: 0; }
  .carousel .carousel-caption {
    left: auto;
    right: auto;
    bottom: auto;
    text-shadow: none;
    text-align: inherit;
    padding: 0; }
  .carousel .carousel-control.right, .carousel .carousel-control.left {
    background-image: none; }
  .carousel .item {
    width: 100%;
    height: 100vh; }
  .carousel .carousel-item-one {
    background: url(../../../assets/onepage2/img/bg/bg_slider1.jpg) center;
    background-size: cover;
    position: relative; }
  .carousel .carousel-item-two {
    background: url(../../../assets/onepage2/img/bg/bg_slider2.jpg);
    background-size: cover;
    background-position: center center; }
  .carousel .carousel-item-three {
    background: url(../../../assets/onepage2/img/bg/bg_slider3.jpg);
    background-size: cover;
    background-position: center center; }
  .carousel .carousel-item-four {
    background: url(../../../assets/onepage2/img/bg/bg_slider4.jpg);
    background-size: cover;
    background-position: center center; }
  .carousel .carousel-item-five {
    background: url(../../../assets/onepage2/img/bg/bg_slider5.jpg);
    background-size: cover;
    background-position: center center; }
  .carousel .carousel-item-six {
    background: url(../../../assets/onepage2/img/bg/bg_slider6.jpg);
    background-size: cover;
    background-position: center center; }
  .carousel .carousel-title-v1 {
    color: #ebe51a;}
  .carousel .carousel-title-v2 {
    color: #fff; }
  .carousel .carousel-title-v3 {
    color: #bf5757; }
  .carousel .carousel-subtitle-v1 {
    color: #fff;letter-spacing: 2px;line-height: 40px;
    font-size: 20px;}

  
 
  .carousel .carousel-caption .animate-delay {animation-delay: 1s; }
  .footer-copyright {
    min-height:85px;padding: 18px 0 0 0;
    background: #111;
    color: #818181;
}
.footer-copyright-jian{font-family: "汉仪秀英体简"}
.footer-copyright-fan{font-family: "汉仪秀英体繁"}
/*.bai{color:#fff; padding-left:40px;}*//*05-23*/

/* Stylesheet design for under max-width: 768px */
@media (max-width: 768px) {
  /* 768px */
  .carousel .carousel-title-v1 {font-size: 35px;top: 35%; }
  .carousel .white{font-size:20px}
  .carousel .carousel-title-v2,
  .carousel .carousel-title-v3 {
    font-size: 30px; }
  .carousel .carousel-subtitle-v1 {
    font-size: 18px; }
	.carousel .carousel-position-two {
    top: 46%;
}
	.top66{top: 60% !important;
    font-size: 24px !important;}
	.logo-default{width:50px;height:50px}
	/*.bai{font-size: 18px;padding-left:18px;font-size: 20px !important;padding-top:10px !important }*/
	.carousel .carousel-position-three{font-size: 20px !important;color:#fff;top:60%;}
}
.margin-right-100{margin-right: 281px}
/*04-23*/
.white{color:#fff;font-size: 50px;padding-left: 60px;letter-spacing: 2px;}
.font-white{color:#fff;}
.font-grey{color:#b8b8b8;}
.font-grey1{color:#a2a2a2;}
.font-text{color:#333;font-size: 16px;line-height:28px}
.yellow p:after {
    left: 0;
    height: 4px;
    width: 46px;
    content: " ";
    position: absolute;
    background: #ebe51a;
    top: 32px;
}
.yellow p{font-size: 18px}
.border{border:2px solid #c0c0c0}
.avatar .team-members:hover{-moz-box-shadow:0px 1px 15px #ddd; -webkit-box-shadow:0px 1px 15px #ddd; box-shadow:0px 1px 15px #ddd;transform: translate(0,-10px);
-webkit-transform: translate(0,-10px);-moz-transform: translate(0,-10px);-o-transform: translate(0,-10px);-ms-transform: translate(0,-10px);color:#fff}
.team-members,.team-members1{transition: all .5s;}
.planning .team-members:hover{-moz-box-shadow:0px 1px 15px #ddd; -webkit-box-shadow:0px 1px 15px #ddd; box-shadow:0px 1px 15px #ddd;transform: translate(0,-10px);
-webkit-transform: translate(0,-10px);-moz-transform: translate(0,-10px);-o-transform: translate(0,-10px);-ms-transform: translate(0,-10px);color:#666}

.margin-right-10{margin-right: 10px}
.margin-right-63{margin-right: 63px}
.bg,.bg1{background:#f6f6f6;width:98%;min-height:191px;padding:20px 0;color:#333;margin-bottom: 19px;-webkit-transition: all .3s ease;transition: all .3s ease;cursor: pointer}
.bg-no{background:#f6f6f6;width:100%;min-height:496px;padding:20px 0;color:#333;margin-bottom: 20px;-webkit-transition: all .3s ease;transition: all .3s ease;}
.bg:hover,.bg1:hover{background:#fff;-moz-box-shadow:0px 1px 7px #ddd; -webkit-box-shadow:0px 1px 7px #ddd; box-shadow:0px 1px 7px #ddd;}
.bg a{font-size: 19px;color:#333;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display: block;width:95%;}
.bg a:hover{text-decoration: none !important}
.bg p,.bg1 p,.bg-no p{margin:20px 0 0 0;line-height: 26px}
.margin-top-60{margin-top: 22px}
.more a{border:1px solid #bababa;padding:12px 70px;border-radius: 50px;color:#333;font-family:"Penumbra";font-size: 20px;background: #f6f6f6;letter-spacing: 3px;}
.more a:hover{text-decoration:none;-moz-box-shadow: 0px 1px 7px #ddd;-webkit-box-shadow: 0px 1px 7px #ddd;box-shadow: 0px 1px 7px #ddd;background:#fff}
.more{margin:58px 0 65px 0}
.china{border:1px solid rgba(181,181,181,0.8);display: block;margin-top: 38px;background: none;
    color: #fff;width: 98px;height: 31px;font-family: "黑体";font-size: 18px;float:left;letter-spacing: 0.2em}
.china:hover{background: #ebe51a;color:#333}


.Protfolio-hidden{display: none}

.bg1 a{font-size: 19px;color:#333;display: block;width:95%;}

/**/



.w3pvt-logo p {
	color: #fff;font-size: 20px;font-family:'Lucida Sans';}
.yellow-xian{
    left: 0;
    height: 4px;
    width: 73px;
    position: absolute;
    background: #ebe51a;margin-top:2px
}
.border-yellow{
    height: 4px;
    width: 50px;
    position: absolute;
    background: #ebe51a;}
.mt-2{
    margin-top: 3.2rem !important;
}

.mt-3, .my-3 {
    margin-top: 0.3rem !important;
}

.pb-3, .py-3 {
    padding-bottom: 1rem !important;
}
.pt-3, .py-3 {
    padding-top: 1rem !important;
}	

.w3pvt-logo h3 span {
     color: #fff;
    display: inline-block;
    font-size: 60px;
    font-family:"Penumbra";padding-left:35px;
}


@media (max-width: 736px){
.w3pvt-logo h2, .w3pvt-logo h3 {
    font-size: 2.3em;
    letter-spacing: 1px;}	
	
/*	.banner {
    min-height: 500px;
}*/
	
	
	}

@media (max-width: 768px){
	
/*.banner {
    min-height: 540px;
}*/	
	.pb-md-4, .py-md-4 {
    padding-bottom: 1.5rem !important;
}
	.pt-md-4, .py-md-4 {
    padding-top: 1.5rem !important;
}
	

	
}



@media (max-width: 800px){
.w3pvt-logo h2, .w3pvt-logo h3 {
    font-size: 2.8em;}		}

@media (max-width: 992px){
	.banner-info {
    width: 100%;
}
	.w3pvt-logo p {
    font-size: 16px;
    font-family: 'Lucida Sans';
}
	/*.banner {
    min-height: 600px;
}*/
	
	.w3pvt-logo h3 span {
     color: #fff;
    display: inline-block;
    font-size: 40px;
    font-family: "Trebuchet MS";padding-left:20px
}
	
	.w3pvt-logo h2,.w3pvt-logo h3 {
    display: inline-block;
    font-size: 6.5em;
    text-transform: capitalize;color: #ebe51a;
    font-family: "Trebuchet MS";
}
	.jieshao111{text-transform:Uppercase;}
	
	}

@media (max-width: 1080px){
.w3pvt-logo h2, .w3pvt-logo h3 {
	font-size: 5em;}

}





.footer-copyright p {
    margin-bottom: 10px;
}
.font-logo{font-family: "Penumbra";font-size: 19px !important;}
.font-md {
    font-size: 20px;
}
.font-sm {
    font-size: 12.9px;
}

.border-right {
    border-right: 1px solid #949494 !important;
    height: 158px;
}

.padding-top-28{padding-top: 28px}
.padding-top-38{padding-top: 38px}

.bottom80{margin-bottom:75px !important}


.bottom48{margin-bottom: 48px !important}


.padding30{padding-top: 22px}

.top100{margin-top:100px !important;}

.bottom96{margin-bottom: 96px !important}
.top54{padding-top: 54px}

.exc-left{width:70%;}
.exc-right{width:30%}

.silder-left{width:50%;height:740px;}
.silder-right{width:50%;height:740px;}
.bottom147{margin-bottom: 147px !important}
.er p{margin-bottom: 10px}

.zhuanye{padding-left: 210px}
.dizhi{line-height: 25px;letter-spacing: 3px}
.font1{font-size: 16.5px;}
.font2{font-size: 16px;}
.font3{font-size: 15.5px;}

.margin-right-30{margin-right: 30px}
.margin-right-25{margin-right: 25px}
.margin-right-40{margin-right: 47px}

.er i:hover{color:#ebe51a}

.er i,.san img{transition: all .5s;}
.er a{color:#fff}



.font-wen{font-size:14px}
.letter{letter-spacing: 2px !important}