@charset "UTF-8";





.content{


    max-width: 1100px;


    margin: 0 auto;


    height: 100px;


}





.wrap{


  position: relative;


  width: 100%;


  height: 450px;


  margin: 0 auto;


  box-shadow: 7px 7px 5px 0px rgba(0, 0, 0, 0.25);


}





.window{


  overflow: hidden;


  position: relative;


  background: #222;


}





#carousel{


  width: 10000px;


  position: relative;


  top: 0;


  left: 0px;


}








.slide{


  height: 450px;


  width: 750px;


  cursor: pointer;


  float: left;


  display: flex;


  flex-direction: column;


  justify-content: center;


}





.slide#b1{


  background: #556270;


}





.slide#b2{


  background: #4ECDC4;


}





.slide#b3{


  background: #9CE462;


}





.slide#b4{


  background: #FF6B6B;


}





.slide#b5{


  background: #C44D33;


}





#prev, #next{


  cursor: pointer;


  position: absolute;


  bottom: -40px;


  font-size: 14pt;


}





#prev{


  left: 0;


}





#next{


  right: 0;


}





.transition{


  transition: .7s;


}





.user_name img{


    display: inline-block;


    vertical-align: bottom;


}





.template8_nav_wrap .logo_wrap .logo{


    max-width: 400px;


    max-height: 80px;


    display: block;


}





.small_nav_list_bar .logo_wrap .logo{


    max-width: 400px;


    max-height: 80px;


    display: block;


}





.user_name .name_wrap{


    display: inline-block;


    vertical-align: bottom;


    color: #000;


    margin: 0px 0 0 14px;


}





.user_name .name_wrap .name{


    display: block;


    font-size: 20px;


    line-height: 1.4;


}





.user_name .sub_title{


    letter-spacing: 3px;


    font-size: 10px;


}





.template8_nav_wrap .nav_icon{


    color: #81c9af;


    display: inline-block;


    vertical-align: middle;


    font-size: 25px;


    margin: 0 10px 0 0;


}





.template8_nav_wrap .nav_right_text{


    display: inline-block;


    vertical-align: middle;


    color: #000;


    font-size: 13px;


}





.nav_list_bar{


    width: 100%;


    height: 40px;


    background: #434349;


    transition: all 0.3s;


    z-index: 100;


}





ul.nav8{


    max-width: 1100px;


    height: 100%;


    margin: 0 auto;


}





li.navitem{


    text-align: center;


    font-size: 14px;


    width: 100%;


    height: 100%;


    position: relative;    list-style: none;


}





li.navitem .nav-a{


    color: #fff;


    width: 100%;


    height: 100%;


    display: block;


    line-height: 40px;


    position: relative;


    transition: all 0.2s;


}





li.navitem .nav-a:hover{


    background: #82c8af;


    color: #fff;


}





li.navitem .nav-a.active{


    background: #82c8af;


    color: #fff;


}





li.navitem .nav-a::before{


    content: '';


    position: absolute;


    top: 15px;


    right: 0;


    border-right: 1px solid rgba(255,255,255,.35);


    width: 1px;


    height: 16px;


}





.template8_nav_wrap .sub_menu_item_wrap,.small_nav_list_bar .sub_menu_item_wrap{


    width: 100%;


    background: #434349;


    padding: 0;


}





.template8_nav_wrap .sub_menu_item,.small_nav_list_bar .sub_menu_item{


    color: rgba(255,255,255,.8);


    padding: 10px 0;


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


    min-width: 0;


    font-size: 14px;


}





.small_nav_list_bar .sub_menu_item{


    font-size: 12px;


}





.template8_nav_wrap .sub_menu_item:hover,.small_nav_list_bar .sub_menu_item:hover{


    background: #82c8af;


    color: #fff;


}





.cover_slide_img{


    padding: 0;


    height: 620px;


}





.template8_cover_slide_wrap{


    position: relative;


    height: 520px;


    overflow: hidden;


    background: #e6e6e6;


}





.template4_cover_slide_img{


    background-position: center;


    background-size: cover;


    background-repeat: no-repeat;


    position: relative;


    overflow: hidden;


    border-right: 1px solid #fff;


    background-color: #E6E6E6;


}





.template4_cover_slide_img img{


    height: 520px;


}





.template4_icon_left{


    position: absolute;


    left: 0;


    top: 50%;


    width: 45px;


    height: 70px;


    color: #666;


    font-size: 25px;


    cursor: pointer;


    transform: translateY(-50%);


    -webkit-transform: translateY(-50%);


    line-height: 70px;


    text-align: center;


    opacity: 0;


    transition: opacity 0.5s;


    background: #e4e4e4;


}





.template4_icon_right{


    position: absolute;


    right: 0;


    top: 50%;


    width: 45px;


    height: 70px;


    color: #666;


    font-size: 25px;


    cursor: pointer;


    transform: translateY(-50%);


    -webkit-transform: translateY(-50%);


    line-height: 70px;


    text-align: center;


    opacity: 0;


    transition: opacity 0.5s;


    background: #e4e4e4;


}





.template8_cover_slide_wrap .slick-track{


    width: 2840000px !important;


}





.template8_index_series_wrap,


.template8_index_works_wrap,


.template8_vedio_index_container{


    max-width: 1000px;


    margin: 60px auto;


}





.template8_index_series_wrap .des_header,


.template8_vedio_index_container .des_header{


    padding: 0 0 25px 0;


}





.template8_index_series_wrap .des_header .title_tag,


 .template8_index_works_wrap .des_header .title_tag,


.vedio_index_container .des_header .title_tag,


.template8_vedio_index_container .des_header .title_tag{


    width: 4px;


    height: 14px;


    background: #82c8af;


}





.template8_index_series_wrap .des_header .title_text,


.template8_index_works_wrap .des_header .title_text,


.template8_vedio_index_container .des_header .title_text{


    color: #333;


    font-weight: 600;


    font-size: 18px;


    margin: 0 0 0 7px;


}





.template8_index_series_wrap .des_header .left_title .sub_title,


.template8_index_works_wrap .des_header .left_title .sub_title,


.template8_vedio_index_container .des_header .left_title .sub_title{


    color: #aaa;


    padding: 0 0 0 12px;


}





.template8_index_series_wrap .right_more_btn,


.template8_vedio_index_container .right_more_btn{


    font-size: 14px;


}





.template8_index_series_wrap .series_item{


    position: relative;


    width: calc((100% - 36px)/3);


    cursor: pointer;


    box-shadow: 0 1px 5px rgba(57, 57, 57, 0.16);


}





.template8_index_series_wrap .series_item .cover_url{


    display: block;


    width: 100%;


    background-position: center;


    background-size: cover;


    background-repeat: no-repeat;


    background-color: #ccc;


    padding-top: 64.8%;


    position: relative;


}





.template8_index_series_wrap .series_timer_wrap{


    position: absolute;


    left: 0;


    top: 0;


    background: #333;


    padding: 5px 10px;


}





.template8_index_series_wrap .series_bottom{


    margin:0px 10px 15px;


    background: #fff;


    position: relative;


    text-align: center;


}





.template8_index_series_wrap .series_bottom .name{


    font-size: 14px;


    color: #333;


    padding-top: 15px;


}





.template8_index_series_wrap .series_bottom .series_price{


    font-size: 16px;


    color: #d4282d;


    margin-top: 5px;


}





.template8_description_wrap{


    width: 100%;


    padding: 80px 0;


}





.template8_description_wrap .description_wrap_cover{


    width: 1000px;


    margin: 0 auto;


}





.template8_description_wrap .description_wrap{


    margin: 0 auto;


    text-align: center;


}





.template8_description_wrap .description_wrap_box {
    border: 1px solid rgba(255,255,255,.25);
    overflow: hidden;
    padding: 0 0 35px 0;
    text-align: center;
}





.template8_description_wrap .avatar_url{


    width: 150px;


    height: 150px;


    display: inline-block;


    vertical-align: middle;


    margin: 0 50px;


}





.template8_description_wrap .header_des{


    padding: 0 50px 0 0;


    display: inline-block;


    vertical-align: middle;





}





.template8_description_wrap .header_des .title{


    color: rgba(255,255,255,.9);


    font-size: 20px;


}





.template8_description_wrap .description_content {


    color: rgba(255,255,255,.5);


    padding: 20px 0 0 0;


    line-height: 1.8;


    word-break: break-all;


    width: 200px;


}


.template8_description_wrap .location{


    color: rgba(255,255,255,.5);


    padding: 2px 0 0 0;


}





.template8_description_wrap .more_btn:hover{


    background: #82c8af;


}





.template8_description_wrap .more_btn{


    border: 1px solid rgba(255,255,255,.5);


    height: 30px;


    width: 100px;


    display: block;


    text-align: center;


    line-height: 28px;


    color: rgba(255,255,255,.7);


    margin: 30px 0 0 0;


    transition: all 0.3s;


    font-size: 14px;
	margin:35px auto 0;


}





.template8_index_works_wrap .work_list{


    margin: 0 -18px 0;


    padding: 0 0 0 18px;


}





.template8_index_works_wrap .des_header{


    padding: 0 0 25px 0;


}





.template8_index_works_wrap .work_item{


    width: calc((100% - 54px)/3);


    margin: 0 18px 40px 0;


    position: relative;


}





.template8_index_works_wrap .work_item .live_tag_wrap{


    position: absolute;


    top: 0;


    left: 0;


    background: rgba(130,200,174,.8);


    color: #fff;


    font-size: 10px;


    padding: 6px;


    border-radius: 0 10px 10px 0;


}





.template8_index_works_wrap .work_item .live_tag_wrap span{


    margin-left: 4px;


}





.template8_index_works_wrap .work_item .cover_url_item{


    padding-top: 100%;


    transition: transform 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);


}





.template8_index_works_wrap .work_item .cover_url_item_vertical{


    padding-top: 0;


    height: 500px;


}





.template8_index_works_wrap .work_item:hover .cover_url_item{


    -webkit-transform: scale(1.1);


    -moz-transform: scale(1.1);


    -o-transform: scale(1.1);


    transform: scale(1.1);


}





.template8_index_works_wrap .title{


    margin: 25px 0 0 0;


}





.template8_index_works_wrap .tag,.list_blog_waterfall .tag{


    background: #9dd7c2;


    width: 6px;


    height: 6px;


    display: inline-block;


    vertical-align: middle;


    margin: 0 6px 0 0;


}





.template8_index_works_wrap .work_item .title_text{


    display: inline-block;


    vertical-align: middle;


    color: #333;


    font-size: 14px;


    max-width: 80%;


}





.template8_index_works_wrap .work_item .sub_title{


    font-size: 12px;


    color: #aaa;


    margin: 6px 0 0 12px;


}





.template8_index_works_wrap .big_more_btn,.template8_index_series_wrap .big_more_btn{


    width: 30%;


    height: 50px;


    display: block;


    text-align: center;


    line-height: 48px;


    font-size: 14px;


    margin: 70px auto;


    transition: all 0.2s;


    background: #82c8af;


    border: 1px solid #82c8af;


    color: #fff;


}





.template8_index_works_wrap .big_more_btn:hover,.template8_index_series_wrap .big_more_btn:hover{


    border: 1px solid rgba(0,0,0,.16);


    font-size: 16px;


    background: transparent;


    color: #aaa;


}





.template8_index_works_wrap .category_item{


    color: #999;


    font-size: 13px;


}





.template8_service_modal{


    background: #fffdf1;


}





.service_content{


    max-width: 1100px;


    margin: 0 auto;


    padding: 84px;


}





.service_content .des_header{


    padding: 0 0 60px 0;


}





.service_content .des_header .title{


    font-size: 22px;


    font-weight: 500;


    color: #333;


}





.service_content .des_header .sub_title{


    font-size: 12px;


    color: #aaa;


    line-height: 2;


}





.service_content .icon_wrap{


    width: 50px;


    height: 50px;


    border: 1px solid #aaa;


    line-height: 50px;


    border-radius: 6px;


    display: inline-block;


    font-size: 20px;


}





.service_content .sub_name{


    color: #999;


    font-size: 10px;


    padding: 10px 0 0 0;


}





.service_content .name{


    color: #333;


    font-size: 14px;


    line-height: 2;


}





.service_content .more_detail{


    font-size: 16px;


    color: #333;


    line-height: 2;


}





.service_content .phone{


    font-size: 22px;


    color: #333;


}





.template8_blog_list_container{


    padding: 5em 0;


}





.template8_series_container{


    padding: 3em 0;


    text-align: center;


}





.template8_series_detail_container{


    padding: 3em 0 5em;


}





.template8_about_container{


    padding: 3em 0;


}





.small_nav_list_bar{


    width: 100%;


}





.small_nav_list_bar .nav8{


    background: #434349;


}





.small_nav_list_bar .user_name{


    margin: 0 auto;


}





.small_nav_list_bar li.navitem{


    font-size: 12px;


}





.template8_index_series_wrap .small_series_item{


    width: calc(50% - 1em);


    display: inline-block;


    vertical-align: top;


    margin: 0 .5em;


}





.template8_index_series_wrap .small_series_item .cover_url{


    display: block;


    width: 100%;


    background-position: center;


    background-size: cover;


    background-repeat: no-repeat;


    background-color: #ccc;


    padding-top: 64.8%;


}





.template8_other_container{


    margin: 80px 0;


}





.template8_vedio_index_container .video_wrap{


    margin: 0;


}





.waterfall_cover_vertical_wrap{


    padding: 0;


    max-width: 1100px;


}





.more_top_work_list_wa{


    margin: 50px 0 80px;


}





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


    .more_top_work_list_wa{


        margin: 20px 0 0 0;


    }





    .template8_index_works_wrap .work_item .cover_url_item_vertical{


        padding-top: 0;


        height: 250px;


    }





    .waterfall_cover_vertical_wrap{


        padding: 2px;


    }





    .template8_cover_slide_img{


        height: 66vw;


    }





    .template8_cover_slide_img img{


        width: auto !important;


        height: 100%;


    }





    .user_name .name_wrap .name{


        font-size: 18px;


    }





    .template8_cover_slide_wrap{


        height: 66vw;


    }





    .template8_cover_slide_wrap img{


        height: 66vw;


    }





    .template8_index_series_wrap, .template8_index_works_wrap{


        max-width: 100%;


        margin: 3em 0;


    }





    .template8_index_series_wrap .des_header,


    .template8_index_works_wrap .des_header,


    .vedio_index_container .des_header{


        padding: 0 1.5em;


    }





    .template8_index_works_wrap .work_list{


        padding: 0 15px;


        margin: 0;


    }





    .template8_index_works_wrap .work_item{


        width: calc((100% - 15px)/2);


        margin: 15px 0 0 0;


    }





    .template8_index_series_wrap .des_header .title_text,


    .template8_index_works_wrap .des_header .title_text{


        font-size: 16px;


    }





    .vedio_index_container .des_header .title_text{


        color: #333;


        font-weight: 600;


        font-size: 16px;


        margin: 0 0 0 7px;


    }





    .template8_index_works_wrap .title{


        margin: 0;


    }





    .template8_index_works_wrap .work_item .sub_title,.list_blog_waterfall .sub_title{


        margin: 0 0 0 12px;


        font-size: 11px;


        line-height: 1.3;


        color: #aaa;


    }





    .list_blog_waterfall .sub_title{


        margin: 0 0 15px 12px;


    }





    .template8_index_works_wrap .big_more_btn{


        display: none;


    }





    .template8_index_series_wrap .series_item{


        box-shadow: 0 0 0 rgba(0,0,0,0);


        width: calc((100% - 15px)/2);


        margin: 15px 0 0 0;


    }





    .template8_index_series_wrap .series_list{


        padding: 0 15px;


    }





    .template8_index_series_wrap .series_item .name{


        font-size: 14px;


        color: #333;


        padding: 10px 0 0 0;


    }





    .template8_index_series_wrap .series_item .cover_url{


        padding-top: 100%;


    }





    .template8_index_works_wrap .work_item .title,.list_blog_waterfall .title{


        margin: 15px 0 0 0;


    }





    .template8_series_container{


        padding: 0;


    }





    .template8_about_container{


        padding: 0;


    }





    .template8_series_container .seriesWrap1{


        margin: 2em auto;


    }





    .template8_series_detail_container{


        padding: 3em 0;


    }





    .list_blog_waterfall .title_text{


        display: inline-block;


        vertical-align: middle;


        color: #333;


        font-size: 14px;


        max-width: 80%;


    }





    .template8_blog_list_container{


        padding: 2em 0;


    }





    li.navitem .nav-a{


        line-height: 36px;


    }





    li.navitem .nav-a::before{


        top: 10px;


    }





    .content{


        height: auto;


        margin: 30px auto 20px;


    }





    .content .logo_wrap{


        margin: 0 auto;


    }





    .waterfall_cover_wrap .list_blog_waterfall_img{


        padding-top: 100%;


    }


}